From e1fcbd9be5863bf213dd49701de57b9d7997a7a0 Mon Sep 17 00:00:00 2001 From: Iliyana Dyankova Date: Fri, 10 Jan 2025 09:45:52 +0200 Subject: [PATCH] chore: regen docs --- .../docs/customization-color-editor.md | 6 +- .../docs/customization-color-gradient.md | 86 +++++++++-- .../docs/customization-color-palette.md | 28 ++-- packages/bootstrap/docs/customization.md | 120 ++++++++++++---- .../docs/customization-color-gradient.md | 94 ++++++++++-- .../docs/customization-color-palette.md | 28 ++-- packages/classic/docs/customization.md | 122 ++++++++++++---- .../docs/customization-color-gradient.md | 94 ++++++++++-- .../docs/customization-color-palette.md | 28 ++-- packages/default/docs/customization.md | 122 ++++++++++++---- .../fluent/docs/customization-color-editor.md | 6 +- .../docs/customization-color-gradient.md | 90 ++++++++++-- .../docs/customization-color-palette.md | 28 ++-- packages/fluent/docs/customization.md | 124 ++++++++++++---- .../docs/customization-color-gradient.md | 106 +++++++++++--- .../docs/customization-color-palette.md | 28 ++-- packages/material/docs/customization.md | 134 +++++++++++++----- 17 files changed, 952 insertions(+), 292 deletions(-) diff --git a/packages/bootstrap/docs/customization-color-editor.md b/packages/bootstrap/docs/customization-color-editor.md index d499a1c267..7ae7813e06 100644 --- a/packages/bootstrap/docs/customization-color-editor.md +++ b/packages/bootstrap/docs/customization-color-editor.md @@ -50,8 +50,8 @@ The following table lists the available variables for customization. $kendo-color-editor-sm-min-width Number - 252px - 252px + 266px + 266px
Description
The minimum width of the ColorEditor.
@@ -573,7 +573,7 @@ The following table lists the available variables for customization. preview-height: $kendo-color-editor-lg-color-preview-height, ) ) - +
Description
The size map of the ColorEditor.
diff --git a/packages/bootstrap/docs/customization-color-gradient.md b/packages/bootstrap/docs/customization-color-gradient.md index fe0e30c1b7..a69f2458d8 100644 --- a/packages/bootstrap/docs/customization-color-gradient.md +++ b/packages/bootstrap/docs/customization-color-gradient.md @@ -157,6 +157,66 @@ The following table lists the available variables for customization.
Description
The border color of the ColorGradient.
+ + $kendo-color-gradient-sm-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-4, 1rem) + + +
Description
The vertical padding of the small ColorGradient.
+ + + + $kendo-color-gradient-sm-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-4, 1rem) + + +
Description
The horizontal padding of the small ColorGradient.
+ + + + $kendo-color-gradient-md-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-4, 1rem) + + +
Description
The vertical padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-md-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-4, 1rem) + + +
Description
The horizontal padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-y + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The vertical padding of the large ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-x + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The horizontal padding of the large ColorGradient.
+ + $kendo-color-gradient-sm-width Number @@ -270,8 +330,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-sm-canvas-rectangle-height Number - 186px - 186px + $kendo-color-gradient-canvas-rectangle-height + 180px
Description
The height the small ColorGradient canvas hsv rectangle.
@@ -390,8 +450,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-sm-slider-vertical-size Number - 186px - 186px + $kendo-color-gradient-slider-vertical-size + 180px
Description
The height of the small ColorGradient vertical slider.
@@ -610,8 +670,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-lg-input-width Number - 62.5px - 62.5px + 62px + 62px
Description
The width of the large ColorGradient input.
@@ -647,7 +707,9 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height, input-width: $kendo-color-gradient-sm-input-width, gap: $kendo-color-gradient-sm-gap, - canvas-gap: $kendo-color-gradient-sm-canvas-gap + canvas-gap: $kendo-color-gradient-sm-canvas-gap, + padding-x: $kendo-color-gradient-sm-padding-x, + padding-y: $kendo-color-gradient-sm-padding-y ), md: ( width: $kendo-color-gradient-md-width, @@ -655,7 +717,9 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height, input-width: $kendo-color-gradient-md-input-width, gap: $kendo-color-gradient-md-gap, - canvas-gap: $kendo-color-gradient-md-canvas-gap + canvas-gap: $kendo-color-gradient-md-canvas-gap, + padding-x: $kendo-color-gradient-md-padding-x, + padding-y: $kendo-color-gradient-md-padding-y ), lg: ( width: $kendo-color-gradient-lg-width, @@ -663,10 +727,12 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height, input-width: $kendo-color-gradient-lg-input-width, gap: $kendo-color-gradient-lg-gap, - canvas-gap: $kendo-color-gradient-lg-canvas-gap + canvas-gap: $kendo-color-gradient-lg-canvas-gap, + padding-x: $kendo-color-gradient-lg-padding-x, + padding-y: $kendo-color-gradient-lg-padding-y ) ) - +
Description
The size map of the ColorGradient.
diff --git a/packages/bootstrap/docs/customization-color-palette.md b/packages/bootstrap/docs/customization-color-palette.md index 5329e63158..3e01295b2c 100644 --- a/packages/bootstrap/docs/customization-color-palette.md +++ b/packages/bootstrap/docs/customization-color-palette.md @@ -78,7 +78,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width String k-spacing(5.5) var(--kendo-spacing-5\.5, 1.375rem) @@ -88,9 +88,9 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-sm-height + $kendo-color-palette-sm-tile-height String - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width var(--kendo-spacing-5\.5, 1.375rem) @@ -98,7 +98,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-md-width + $kendo-color-palette-md-tile-width String $kendo-color-palette-tile-width var(--kendo-spacing-6, 1.5rem) @@ -108,7 +108,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-md-height + $kendo-color-palette-md-tile-height String $kendo-color-palette-tile-height var(--kendo-spacing-6, 1.5rem) @@ -118,7 +118,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width String k-spacing(8) var(--kendo-spacing-8, 2rem) @@ -128,9 +128,9 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-lg-height + $kendo-color-palette-lg-tile-height String - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width var(--kendo-spacing-8, 2rem) @@ -172,16 +172,16 @@ The following table lists the available variables for customization. Map ( sm: ( - width: $kendo-color-palette-tile-sm-width, - height: $kendo-color-palette-tile-sm-height + width: $kendo-color-palette-sm-tile-width, + height: $kendo-color-palette-sm-tile-height ), md: ( - width: $kendo-color-palette-tile-md-width, - height: $kendo-color-palette-tile-md-height + width: $kendo-color-palette-md-tile-width, + height: $kendo-color-palette-md-tile-height ), lg: ( - width: $kendo-color-palette-tile-lg-width, - height: $kendo-color-palette-tile-lg-height + width: $kendo-color-palette-lg-tile-width, + height: $kendo-color-palette-lg-tile-height ) ) diff --git a/packages/bootstrap/docs/customization.md b/packages/bootstrap/docs/customization.md index 31fefdc4c3..0e2040bfd0 100644 --- a/packages/bootstrap/docs/customization.md +++ b/packages/bootstrap/docs/customization.md @@ -7112,8 +7112,8 @@ The following table lists the available variables for customizing the Bootstrap $kendo-color-editor-sm-min-width Number - 252px - 252px + 266px + 266px
Description
The minimum width of the ColorEditor.
@@ -7635,7 +7635,7 @@ The following table lists the available variables for customizing the Bootstrap preview-height: $kendo-color-editor-lg-color-preview-height, ) ) - +
Description
The size map of the ColorEditor.
@@ -7791,6 +7791,66 @@ The following table lists the available variables for customizing the Bootstrap
Description
The border color of the ColorGradient.
+ + $kendo-color-gradient-sm-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-4, 1rem) + + +
Description
The vertical padding of the small ColorGradient.
+ + + + $kendo-color-gradient-sm-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-4, 1rem) + + +
Description
The horizontal padding of the small ColorGradient.
+ + + + $kendo-color-gradient-md-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-4, 1rem) + + +
Description
The vertical padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-md-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-4, 1rem) + + +
Description
The horizontal padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-y + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The vertical padding of the large ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-x + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The horizontal padding of the large ColorGradient.
+ + $kendo-color-gradient-sm-width Number @@ -7904,8 +7964,8 @@ The following table lists the available variables for customizing the Bootstrap $kendo-color-gradient-sm-canvas-rectangle-height Number - 186px - 186px + $kendo-color-gradient-canvas-rectangle-height + 180px
Description
The height the small ColorGradient canvas hsv rectangle.
@@ -8024,8 +8084,8 @@ The following table lists the available variables for customizing the Bootstrap $kendo-color-gradient-sm-slider-vertical-size Number - 186px - 186px + $kendo-color-gradient-slider-vertical-size + 180px
Description
The height of the small ColorGradient vertical slider.
@@ -8244,8 +8304,8 @@ The following table lists the available variables for customizing the Bootstrap $kendo-color-gradient-lg-input-width Number - 62.5px - 62.5px + 62px + 62px
Description
The width of the large ColorGradient input.
@@ -8281,7 +8341,9 @@ The following table lists the available variables for customizing the Bootstrap rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height, input-width: $kendo-color-gradient-sm-input-width, gap: $kendo-color-gradient-sm-gap, - canvas-gap: $kendo-color-gradient-sm-canvas-gap + canvas-gap: $kendo-color-gradient-sm-canvas-gap, + padding-x: $kendo-color-gradient-sm-padding-x, + padding-y: $kendo-color-gradient-sm-padding-y ), md: ( width: $kendo-color-gradient-md-width, @@ -8289,7 +8351,9 @@ The following table lists the available variables for customizing the Bootstrap rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height, input-width: $kendo-color-gradient-md-input-width, gap: $kendo-color-gradient-md-gap, - canvas-gap: $kendo-color-gradient-md-canvas-gap + canvas-gap: $kendo-color-gradient-md-canvas-gap, + padding-x: $kendo-color-gradient-md-padding-x, + padding-y: $kendo-color-gradient-md-padding-y ), lg: ( width: $kendo-color-gradient-lg-width, @@ -8297,10 +8361,12 @@ The following table lists the available variables for customizing the Bootstrap rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height, input-width: $kendo-color-gradient-lg-input-width, gap: $kendo-color-gradient-lg-gap, - canvas-gap: $kendo-color-gradient-lg-canvas-gap + canvas-gap: $kendo-color-gradient-lg-canvas-gap, + padding-x: $kendo-color-gradient-lg-padding-x, + padding-y: $kendo-color-gradient-lg-padding-y ) ) - +
Description
The size map of the ColorGradient.
@@ -8377,7 +8443,7 @@ The following table lists the available variables for customizing the Bootstrap - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width String k-spacing(5.5) var(--kendo-spacing-5\.5, 1.375rem) @@ -8387,9 +8453,9 @@ The following table lists the available variables for customizing the Bootstrap - $kendo-color-palette-tile-sm-height + $kendo-color-palette-sm-tile-height String - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width var(--kendo-spacing-5\.5, 1.375rem) @@ -8397,7 +8463,7 @@ The following table lists the available variables for customizing the Bootstrap - $kendo-color-palette-tile-md-width + $kendo-color-palette-md-tile-width String $kendo-color-palette-tile-width var(--kendo-spacing-6, 1.5rem) @@ -8407,7 +8473,7 @@ The following table lists the available variables for customizing the Bootstrap - $kendo-color-palette-tile-md-height + $kendo-color-palette-md-tile-height String $kendo-color-palette-tile-height var(--kendo-spacing-6, 1.5rem) @@ -8417,7 +8483,7 @@ The following table lists the available variables for customizing the Bootstrap - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width String k-spacing(8) var(--kendo-spacing-8, 2rem) @@ -8427,9 +8493,9 @@ The following table lists the available variables for customizing the Bootstrap - $kendo-color-palette-tile-lg-height + $kendo-color-palette-lg-tile-height String - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width var(--kendo-spacing-8, 2rem) @@ -8471,16 +8537,16 @@ The following table lists the available variables for customizing the Bootstrap Map ( sm: ( - width: $kendo-color-palette-tile-sm-width, - height: $kendo-color-palette-tile-sm-height + width: $kendo-color-palette-sm-tile-width, + height: $kendo-color-palette-sm-tile-height ), md: ( - width: $kendo-color-palette-tile-md-width, - height: $kendo-color-palette-tile-md-height + width: $kendo-color-palette-md-tile-width, + height: $kendo-color-palette-md-tile-height ), lg: ( - width: $kendo-color-palette-tile-lg-width, - height: $kendo-color-palette-tile-lg-height + width: $kendo-color-palette-lg-tile-width, + height: $kendo-color-palette-lg-tile-height ) ) diff --git a/packages/classic/docs/customization-color-gradient.md b/packages/classic/docs/customization-color-gradient.md index 181d659bef..96847cf0d0 100644 --- a/packages/classic/docs/customization-color-gradient.md +++ b/packages/classic/docs/customization-color-gradient.md @@ -157,11 +157,71 @@ The following table lists the available variables for customization.
Description
The border color of the ColorGradient.
+ + $kendo-color-gradient-sm-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-3, 0.75rem) + + +
Description
The vertical padding of the small ColorGradient.
+ + + + $kendo-color-gradient-sm-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-3, 0.75rem) + + +
Description
The horizontal padding of the small ColorGradient.
+ + + + $kendo-color-gradient-md-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-3, 0.75rem) + + +
Description
The vertical padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-md-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-3, 0.75rem) + + +
Description
The horizontal padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-y + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The vertical padding of the large ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-x + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The horizontal padding of the large ColorGradient.
+ + $kendo-color-gradient-sm-width Number - 226px - 226px + 252px + 252px
Description
The width of the small ColorGradient.
@@ -180,8 +240,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-lg-width Number - 324px - 324px + 362px + 362px
Description
The width of the large ColorGradient.
@@ -270,8 +330,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-sm-canvas-rectangle-height Number - 182px - 182px + $kendo-color-gradient-canvas-rectangle-height + 180px
Description
The height the small ColorGradient canvas hsv rectangle.
@@ -390,8 +450,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-sm-slider-vertical-size Number - 182px - 182px + $kendo-color-gradient-slider-vertical-size + 180px
Description
The height of the small ColorGradient vertical slider.
@@ -610,8 +670,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-lg-input-width Number - 62.5px - 62.5px + 62px + 62px
Description
The width of the large ColorGradient input.
@@ -647,7 +707,9 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height, input-width: $kendo-color-gradient-sm-input-width, gap: $kendo-color-gradient-sm-gap, - canvas-gap: $kendo-color-gradient-sm-canvas-gap + canvas-gap: $kendo-color-gradient-sm-canvas-gap, + padding-x: $kendo-color-gradient-sm-padding-x, + padding-y: $kendo-color-gradient-sm-padding-y ), md: ( width: $kendo-color-gradient-md-width, @@ -655,7 +717,9 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height, input-width: $kendo-color-gradient-md-input-width, gap: $kendo-color-gradient-md-gap, - canvas-gap: $kendo-color-gradient-md-canvas-gap + canvas-gap: $kendo-color-gradient-md-canvas-gap, + padding-x: $kendo-color-gradient-md-padding-x, + padding-y: $kendo-color-gradient-md-padding-y ), lg: ( width: $kendo-color-gradient-lg-width, @@ -663,10 +727,12 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height, input-width: $kendo-color-gradient-lg-input-width, gap: $kendo-color-gradient-lg-gap, - canvas-gap: $kendo-color-gradient-lg-canvas-gap + canvas-gap: $kendo-color-gradient-lg-canvas-gap, + padding-x: $kendo-color-gradient-lg-padding-x, + padding-y: $kendo-color-gradient-lg-padding-y ) ) - +
Description
The size map of the ColorGradient.
diff --git a/packages/classic/docs/customization-color-palette.md b/packages/classic/docs/customization-color-palette.md index 9625d37865..30702e9941 100644 --- a/packages/classic/docs/customization-color-palette.md +++ b/packages/classic/docs/customization-color-palette.md @@ -78,7 +78,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width String k-spacing(5.5) var(--kendo-spacing-5\.5, 1.375rem) @@ -88,9 +88,9 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-sm-height + $kendo-color-palette-sm-tile-height String - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width var(--kendo-spacing-5\.5, 1.375rem) @@ -98,7 +98,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-md-width + $kendo-color-palette-md-tile-width String $kendo-color-palette-tile-width var(--kendo-spacing-6, 1.5rem) @@ -108,7 +108,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-md-height + $kendo-color-palette-md-tile-height String $kendo-color-palette-tile-height var(--kendo-spacing-6, 1.5rem) @@ -118,7 +118,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width String k-spacing(8) var(--kendo-spacing-8, 2rem) @@ -128,9 +128,9 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-lg-height + $kendo-color-palette-lg-tile-height String - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width var(--kendo-spacing-8, 2rem) @@ -172,16 +172,16 @@ The following table lists the available variables for customization. Map ( sm: ( - width: $kendo-color-palette-tile-sm-width, - height: $kendo-color-palette-tile-sm-height + width: $kendo-color-palette-sm-tile-width, + height: $kendo-color-palette-sm-tile-height ), md: ( - width: $kendo-color-palette-tile-md-width, - height: $kendo-color-palette-tile-md-height + width: $kendo-color-palette-md-tile-width, + height: $kendo-color-palette-md-tile-height ), lg: ( - width: $kendo-color-palette-tile-lg-width, - height: $kendo-color-palette-tile-lg-height + width: $kendo-color-palette-lg-tile-width, + height: $kendo-color-palette-lg-tile-height ) ) diff --git a/packages/classic/docs/customization.md b/packages/classic/docs/customization.md index 8ff31a88f0..40b06c2044 100644 --- a/packages/classic/docs/customization.md +++ b/packages/classic/docs/customization.md @@ -7832,11 +7832,71 @@ The following table lists the available variables for customizing the Classic th
Description
The border color of the ColorGradient.
+ + $kendo-color-gradient-sm-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-3, 0.75rem) + + +
Description
The vertical padding of the small ColorGradient.
+ + + + $kendo-color-gradient-sm-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-3, 0.75rem) + + +
Description
The horizontal padding of the small ColorGradient.
+ + + + $kendo-color-gradient-md-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-3, 0.75rem) + + +
Description
The vertical padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-md-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-3, 0.75rem) + + +
Description
The horizontal padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-y + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The vertical padding of the large ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-x + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The horizontal padding of the large ColorGradient.
+ + $kendo-color-gradient-sm-width Number - 226px - 226px + 252px + 252px
Description
The width of the small ColorGradient.
@@ -7855,8 +7915,8 @@ The following table lists the available variables for customizing the Classic th $kendo-color-gradient-lg-width Number - 324px - 324px + 362px + 362px
Description
The width of the large ColorGradient.
@@ -7945,8 +8005,8 @@ The following table lists the available variables for customizing the Classic th $kendo-color-gradient-sm-canvas-rectangle-height Number - 182px - 182px + $kendo-color-gradient-canvas-rectangle-height + 180px
Description
The height the small ColorGradient canvas hsv rectangle.
@@ -8065,8 +8125,8 @@ The following table lists the available variables for customizing the Classic th $kendo-color-gradient-sm-slider-vertical-size Number - 182px - 182px + $kendo-color-gradient-slider-vertical-size + 180px
Description
The height of the small ColorGradient vertical slider.
@@ -8285,8 +8345,8 @@ The following table lists the available variables for customizing the Classic th $kendo-color-gradient-lg-input-width Number - 62.5px - 62.5px + 62px + 62px
Description
The width of the large ColorGradient input.
@@ -8322,7 +8382,9 @@ The following table lists the available variables for customizing the Classic th rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height, input-width: $kendo-color-gradient-sm-input-width, gap: $kendo-color-gradient-sm-gap, - canvas-gap: $kendo-color-gradient-sm-canvas-gap + canvas-gap: $kendo-color-gradient-sm-canvas-gap, + padding-x: $kendo-color-gradient-sm-padding-x, + padding-y: $kendo-color-gradient-sm-padding-y ), md: ( width: $kendo-color-gradient-md-width, @@ -8330,7 +8392,9 @@ The following table lists the available variables for customizing the Classic th rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height, input-width: $kendo-color-gradient-md-input-width, gap: $kendo-color-gradient-md-gap, - canvas-gap: $kendo-color-gradient-md-canvas-gap + canvas-gap: $kendo-color-gradient-md-canvas-gap, + padding-x: $kendo-color-gradient-md-padding-x, + padding-y: $kendo-color-gradient-md-padding-y ), lg: ( width: $kendo-color-gradient-lg-width, @@ -8338,10 +8402,12 @@ The following table lists the available variables for customizing the Classic th rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height, input-width: $kendo-color-gradient-lg-input-width, gap: $kendo-color-gradient-lg-gap, - canvas-gap: $kendo-color-gradient-lg-canvas-gap + canvas-gap: $kendo-color-gradient-lg-canvas-gap, + padding-x: $kendo-color-gradient-lg-padding-x, + padding-y: $kendo-color-gradient-lg-padding-y ) ) - +
Description
The size map of the ColorGradient.
@@ -8418,7 +8484,7 @@ The following table lists the available variables for customizing the Classic th - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width String k-spacing(5.5) var(--kendo-spacing-5\.5, 1.375rem) @@ -8428,9 +8494,9 @@ The following table lists the available variables for customizing the Classic th - $kendo-color-palette-tile-sm-height + $kendo-color-palette-sm-tile-height String - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width var(--kendo-spacing-5\.5, 1.375rem) @@ -8438,7 +8504,7 @@ The following table lists the available variables for customizing the Classic th - $kendo-color-palette-tile-md-width + $kendo-color-palette-md-tile-width String $kendo-color-palette-tile-width var(--kendo-spacing-6, 1.5rem) @@ -8448,7 +8514,7 @@ The following table lists the available variables for customizing the Classic th - $kendo-color-palette-tile-md-height + $kendo-color-palette-md-tile-height String $kendo-color-palette-tile-height var(--kendo-spacing-6, 1.5rem) @@ -8458,7 +8524,7 @@ The following table lists the available variables for customizing the Classic th - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width String k-spacing(8) var(--kendo-spacing-8, 2rem) @@ -8468,9 +8534,9 @@ The following table lists the available variables for customizing the Classic th - $kendo-color-palette-tile-lg-height + $kendo-color-palette-lg-tile-height String - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width var(--kendo-spacing-8, 2rem) @@ -8512,16 +8578,16 @@ The following table lists the available variables for customizing the Classic th Map ( sm: ( - width: $kendo-color-palette-tile-sm-width, - height: $kendo-color-palette-tile-sm-height + width: $kendo-color-palette-sm-tile-width, + height: $kendo-color-palette-sm-tile-height ), md: ( - width: $kendo-color-palette-tile-md-width, - height: $kendo-color-palette-tile-md-height + width: $kendo-color-palette-md-tile-width, + height: $kendo-color-palette-md-tile-height ), lg: ( - width: $kendo-color-palette-tile-lg-width, - height: $kendo-color-palette-tile-lg-height + width: $kendo-color-palette-lg-tile-width, + height: $kendo-color-palette-lg-tile-height ) ) diff --git a/packages/default/docs/customization-color-gradient.md b/packages/default/docs/customization-color-gradient.md index 343dabfe91..05f4184b4f 100644 --- a/packages/default/docs/customization-color-gradient.md +++ b/packages/default/docs/customization-color-gradient.md @@ -157,11 +157,71 @@ The following table lists the available variables for customization.
Description
The border color of the ColorGradient.
+ + $kendo-color-gradient-sm-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-3, 0.75rem) + + +
Description
The vertical padding of the small ColorGradient.
+ + + + $kendo-color-gradient-sm-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-3, 0.75rem) + + +
Description
The horizontal padding of the small ColorGradient.
+ + + + $kendo-color-gradient-md-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-3, 0.75rem) + + +
Description
The vertical padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-md-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-3, 0.75rem) + + +
Description
The horizontal padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-y + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The vertical padding of the large ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-x + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The horizontal padding of the large ColorGradient.
+ + $kendo-color-gradient-sm-width Number - 226px - 226px + 252px + 252px
Description
The width of the small ColorGradient.
@@ -180,8 +240,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-lg-width Number - 324px - 324px + 362px + 362px
Description
The width of the large ColorGradient.
@@ -270,8 +330,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-sm-canvas-rectangle-height Number - 182px - 182px + $kendo-color-gradient-canvas-rectangle-height + 180px
Description
The height the small ColorGradient canvas hsv rectangle.
@@ -390,8 +450,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-sm-slider-vertical-size Number - 182px - 182px + $kendo-color-gradient-slider-vertical-size + 180px
Description
The height of the small ColorGradient vertical slider.
@@ -610,8 +670,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-lg-input-width Number - 62.5px - 62.5px + 62px + 62px
Description
The width of the large ColorGradient input.
@@ -647,7 +707,9 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height, input-width: $kendo-color-gradient-sm-input-width, gap: $kendo-color-gradient-sm-gap, - canvas-gap: $kendo-color-gradient-sm-canvas-gap + canvas-gap: $kendo-color-gradient-sm-canvas-gap, + padding-x: $kendo-color-gradient-sm-padding-x, + padding-y: $kendo-color-gradient-sm-padding-y ), md: ( width: $kendo-color-gradient-md-width, @@ -655,7 +717,9 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height, input-width: $kendo-color-gradient-md-input-width, gap: $kendo-color-gradient-md-gap, - canvas-gap: $kendo-color-gradient-md-canvas-gap + canvas-gap: $kendo-color-gradient-md-canvas-gap, + padding-x: $kendo-color-gradient-md-padding-x, + padding-y: $kendo-color-gradient-md-padding-y ), lg: ( width: $kendo-color-gradient-lg-width, @@ -663,10 +727,12 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height, input-width: $kendo-color-gradient-lg-input-width, gap: $kendo-color-gradient-lg-gap, - canvas-gap: $kendo-color-gradient-lg-canvas-gap + canvas-gap: $kendo-color-gradient-lg-canvas-gap, + padding-x: $kendo-color-gradient-lg-padding-x, + padding-y: $kendo-color-gradient-lg-padding-y ) ) - +
Description
The size map of the ColorGradient.
diff --git a/packages/default/docs/customization-color-palette.md b/packages/default/docs/customization-color-palette.md index d8e935f223..a9cd474939 100644 --- a/packages/default/docs/customization-color-palette.md +++ b/packages/default/docs/customization-color-palette.md @@ -78,7 +78,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width String k-spacing(5.5) var(--kendo-spacing-5\.5, 1.375rem) @@ -88,9 +88,9 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-sm-height + $kendo-color-palette-sm-tile-height String - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width var(--kendo-spacing-5\.5, 1.375rem) @@ -98,7 +98,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-md-width + $kendo-color-palette-md-tile-width String $kendo-color-palette-tile-width var(--kendo-spacing-6, 1.5rem) @@ -108,7 +108,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-md-height + $kendo-color-palette-md-tile-height String $kendo-color-palette-tile-height var(--kendo-spacing-6, 1.5rem) @@ -118,7 +118,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width String k-spacing(8) var(--kendo-spacing-8, 2rem) @@ -128,9 +128,9 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-lg-height + $kendo-color-palette-lg-tile-height String - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width var(--kendo-spacing-8, 2rem) @@ -172,16 +172,16 @@ The following table lists the available variables for customization. Map ( sm: ( - width: $kendo-color-palette-tile-sm-width, - height: $kendo-color-palette-tile-sm-height + width: $kendo-color-palette-sm-tile-width, + height: $kendo-color-palette-sm-tile-height ), md: ( - width: $kendo-color-palette-tile-md-width, - height: $kendo-color-palette-tile-md-height + width: $kendo-color-palette-md-tile-width, + height: $kendo-color-palette-md-tile-height ), lg: ( - width: $kendo-color-palette-tile-lg-width, - height: $kendo-color-palette-tile-lg-height + width: $kendo-color-palette-lg-tile-width, + height: $kendo-color-palette-lg-tile-height ) ) diff --git a/packages/default/docs/customization.md b/packages/default/docs/customization.md index d5400b4d76..82a32fd640 100644 --- a/packages/default/docs/customization.md +++ b/packages/default/docs/customization.md @@ -7601,11 +7601,71 @@ The following table lists the available variables for customizing the Default th
Description
The border color of the ColorGradient.
+ + $kendo-color-gradient-sm-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-3, 0.75rem) + + +
Description
The vertical padding of the small ColorGradient.
+ + + + $kendo-color-gradient-sm-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-3, 0.75rem) + + +
Description
The horizontal padding of the small ColorGradient.
+ + + + $kendo-color-gradient-md-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-3, 0.75rem) + + +
Description
The vertical padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-md-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-3, 0.75rem) + + +
Description
The horizontal padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-y + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The vertical padding of the large ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-x + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The horizontal padding of the large ColorGradient.
+ + $kendo-color-gradient-sm-width Number - 226px - 226px + 252px + 252px
Description
The width of the small ColorGradient.
@@ -7624,8 +7684,8 @@ The following table lists the available variables for customizing the Default th $kendo-color-gradient-lg-width Number - 324px - 324px + 362px + 362px
Description
The width of the large ColorGradient.
@@ -7714,8 +7774,8 @@ The following table lists the available variables for customizing the Default th $kendo-color-gradient-sm-canvas-rectangle-height Number - 182px - 182px + $kendo-color-gradient-canvas-rectangle-height + 180px
Description
The height the small ColorGradient canvas hsv rectangle.
@@ -7834,8 +7894,8 @@ The following table lists the available variables for customizing the Default th $kendo-color-gradient-sm-slider-vertical-size Number - 182px - 182px + $kendo-color-gradient-slider-vertical-size + 180px
Description
The height of the small ColorGradient vertical slider.
@@ -8054,8 +8114,8 @@ The following table lists the available variables for customizing the Default th $kendo-color-gradient-lg-input-width Number - 62.5px - 62.5px + 62px + 62px
Description
The width of the large ColorGradient input.
@@ -8091,7 +8151,9 @@ The following table lists the available variables for customizing the Default th rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height, input-width: $kendo-color-gradient-sm-input-width, gap: $kendo-color-gradient-sm-gap, - canvas-gap: $kendo-color-gradient-sm-canvas-gap + canvas-gap: $kendo-color-gradient-sm-canvas-gap, + padding-x: $kendo-color-gradient-sm-padding-x, + padding-y: $kendo-color-gradient-sm-padding-y ), md: ( width: $kendo-color-gradient-md-width, @@ -8099,7 +8161,9 @@ The following table lists the available variables for customizing the Default th rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height, input-width: $kendo-color-gradient-md-input-width, gap: $kendo-color-gradient-md-gap, - canvas-gap: $kendo-color-gradient-md-canvas-gap + canvas-gap: $kendo-color-gradient-md-canvas-gap, + padding-x: $kendo-color-gradient-md-padding-x, + padding-y: $kendo-color-gradient-md-padding-y ), lg: ( width: $kendo-color-gradient-lg-width, @@ -8107,10 +8171,12 @@ The following table lists the available variables for customizing the Default th rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height, input-width: $kendo-color-gradient-lg-input-width, gap: $kendo-color-gradient-lg-gap, - canvas-gap: $kendo-color-gradient-lg-canvas-gap + canvas-gap: $kendo-color-gradient-lg-canvas-gap, + padding-x: $kendo-color-gradient-lg-padding-x, + padding-y: $kendo-color-gradient-lg-padding-y ) ) - +
Description
The size map of the ColorGradient.
@@ -8187,7 +8253,7 @@ The following table lists the available variables for customizing the Default th - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width String k-spacing(5.5) var(--kendo-spacing-5\.5, 1.375rem) @@ -8197,9 +8263,9 @@ The following table lists the available variables for customizing the Default th - $kendo-color-palette-tile-sm-height + $kendo-color-palette-sm-tile-height String - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width var(--kendo-spacing-5\.5, 1.375rem) @@ -8207,7 +8273,7 @@ The following table lists the available variables for customizing the Default th - $kendo-color-palette-tile-md-width + $kendo-color-palette-md-tile-width String $kendo-color-palette-tile-width var(--kendo-spacing-6, 1.5rem) @@ -8217,7 +8283,7 @@ The following table lists the available variables for customizing the Default th - $kendo-color-palette-tile-md-height + $kendo-color-palette-md-tile-height String $kendo-color-palette-tile-height var(--kendo-spacing-6, 1.5rem) @@ -8227,7 +8293,7 @@ The following table lists the available variables for customizing the Default th - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width String k-spacing(8) var(--kendo-spacing-8, 2rem) @@ -8237,9 +8303,9 @@ The following table lists the available variables for customizing the Default th - $kendo-color-palette-tile-lg-height + $kendo-color-palette-lg-tile-height String - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width var(--kendo-spacing-8, 2rem) @@ -8281,16 +8347,16 @@ The following table lists the available variables for customizing the Default th Map ( sm: ( - width: $kendo-color-palette-tile-sm-width, - height: $kendo-color-palette-tile-sm-height + width: $kendo-color-palette-sm-tile-width, + height: $kendo-color-palette-sm-tile-height ), md: ( - width: $kendo-color-palette-tile-md-width, - height: $kendo-color-palette-tile-md-height + width: $kendo-color-palette-md-tile-width, + height: $kendo-color-palette-md-tile-height ), lg: ( - width: $kendo-color-palette-tile-lg-width, - height: $kendo-color-palette-tile-lg-height + width: $kendo-color-palette-lg-tile-width, + height: $kendo-color-palette-lg-tile-height ) ) diff --git a/packages/fluent/docs/customization-color-editor.md b/packages/fluent/docs/customization-color-editor.md index 01666a6051..59ff72025b 100644 --- a/packages/fluent/docs/customization-color-editor.md +++ b/packages/fluent/docs/customization-color-editor.md @@ -70,8 +70,8 @@ The following table lists the available variables for customization. $kendo-color-editor-lg-min-width Number - 360px - 360px + 362px + 362px
Description
The minimum width of the ColorEditor.
@@ -603,7 +603,7 @@ The following table lists the available variables for customization. preview-height: $kendo-color-editor-lg-color-preview-height, ) ) - +
Description
The size map of the ColorEditor preview.
diff --git a/packages/fluent/docs/customization-color-gradient.md b/packages/fluent/docs/customization-color-gradient.md index 116d0dcca7..9a7948d6d2 100644 --- a/packages/fluent/docs/customization-color-gradient.md +++ b/packages/fluent/docs/customization-color-gradient.md @@ -167,11 +167,71 @@ The following table lists the available variables for customization.
Description
The box shadow of the ColorGradient.
+ + $kendo-color-gradient-sm-padding-y + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-4, 1rem) + + +
Description
The vertical padding of the small ColorGradient.
+ + + + $kendo-color-gradient-sm-padding-x + Calculation + $kendo-color-gradient-padding-x + calc(var(--kendo-spacing-4, 1rem) / 2) + + +
Description
The horizontal padding of the small ColorGradient.
+ + + + $kendo-color-gradient-md-padding-y + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-4, 1rem) + + +
Description
The vertical padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-md-padding-x + Calculation + $kendo-color-gradient-padding-x + calc(var(--kendo-spacing-4, 1rem) / 2) + + +
Description
The horizontal padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-y + String + k-spacing(4) + var(--kendo-spacing-4, 1rem) + + +
Description
The vertical padding of the large ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-x + String + k-spacing(4) + var(--kendo-spacing-4, 1rem) + + +
Description
The horizontal padding of the large ColorGradient.
+ + $kendo-color-gradient-sm-width Number - 226px - 226px + 236px + 236px
Description
The width of the small ColorGradient.
@@ -190,8 +250,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-lg-width Number - 360px - 360px + 362px + 362px
Description
The width of the large ColorGradient.
@@ -630,8 +690,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-sm-input-width Number - 43.5px - 43.5px + 43px + 43px
Description
The width of the small ColorGradient input.
@@ -650,8 +710,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-lg-input-width Number - 50.5px - 50.5px + 68px + 68px
Description
The width of the large ColorGradient input.
@@ -687,7 +747,9 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height, input-width: $kendo-color-gradient-sm-input-width, spacing: $kendo-color-gradient-sm-spacing, - canvas-spacing: $kendo-color-gradient-sm-canvas-spacing + canvas-spacing: $kendo-color-gradient-sm-canvas-spacing, + padding-x: $kendo-color-gradient-sm-padding-x, + padding-y: $kendo-color-gradient-sm-padding-y ), md: ( width: $kendo-color-gradient-md-width, @@ -695,7 +757,9 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height, input-width: $kendo-color-gradient-md-input-width, spacing: $kendo-color-gradient-md-spacing, - canvas-spacing: $kendo-color-gradient-md-canvas-spacing + canvas-spacing: $kendo-color-gradient-md-canvas-spacing, + padding-x: $kendo-color-gradient-md-padding-x, + padding-y: $kendo-color-gradient-md-padding-y ), lg: ( width: $kendo-color-gradient-lg-width, @@ -703,10 +767,12 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height, input-width: $kendo-color-gradient-lg-input-width, spacing: $kendo-color-gradient-lg-spacing, - canvas-spacing: $kendo-color-gradient-lg-canvas-spacing + canvas-spacing: $kendo-color-gradient-lg-canvas-spacing, + padding-x: $kendo-color-gradient-lg-padding-x, + padding-y: $kendo-color-gradient-lg-padding-y ) ) - +
Description
The size map of the ColorGradient.
diff --git a/packages/fluent/docs/customization-color-palette.md b/packages/fluent/docs/customization-color-palette.md index f4122d7976..00b24126f2 100644 --- a/packages/fluent/docs/customization-color-palette.md +++ b/packages/fluent/docs/customization-color-palette.md @@ -108,7 +108,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width String k-spacing(5.5) var(--kendo-spacing-5\.5, 1.375rem) @@ -118,9 +118,9 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-sm-height + $kendo-color-palette-sm-tile-height String - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width var(--kendo-spacing-5\.5, 1.375rem) @@ -128,7 +128,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-md-width + $kendo-color-palette-md-tile-width String $kendo-color-palette-tile-width var(--kendo-spacing-6, 1.5rem) @@ -138,7 +138,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-md-height + $kendo-color-palette-md-tile-height String $kendo-color-palette-tile-height var(--kendo-spacing-6, 1.5rem) @@ -148,7 +148,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width String k-spacing(8) var(--kendo-spacing-8, 2rem) @@ -158,9 +158,9 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-lg-height + $kendo-color-palette-lg-tile-height String - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width var(--kendo-spacing-8, 2rem) @@ -242,16 +242,16 @@ The following table lists the available variables for customization. Map ( sm: ( - width: $kendo-color-palette-tile-sm-width, - height: $kendo-color-palette-tile-sm-height + width: $kendo-color-palette-sm-tile-width, + height: $kendo-color-palette-sm-tile-height ), md: ( - width: $kendo-color-palette-tile-md-width, - height: $kendo-color-palette-tile-md-height + width: $kendo-color-palette-md-tile-width, + height: $kendo-color-palette-md-tile-height ), lg: ( - width: $kendo-color-palette-tile-lg-width, - height: $kendo-color-palette-tile-lg-height + width: $kendo-color-palette-lg-tile-width, + height: $kendo-color-palette-lg-tile-height ) ) diff --git a/packages/fluent/docs/customization.md b/packages/fluent/docs/customization.md index 443359b44d..a918bddfcf 100644 --- a/packages/fluent/docs/customization.md +++ b/packages/fluent/docs/customization.md @@ -8124,8 +8124,8 @@ The following table lists the available variables for customizing the Fluent the $kendo-color-editor-lg-min-width Number - 360px - 360px + 362px + 362px
Description
The minimum width of the ColorEditor.
@@ -8657,7 +8657,7 @@ The following table lists the available variables for customizing the Fluent the preview-height: $kendo-color-editor-lg-color-preview-height, ) ) - +
Description
The size map of the ColorEditor preview.
@@ -8823,11 +8823,71 @@ The following table lists the available variables for customizing the Fluent the
Description
The box shadow of the ColorGradient.
+ + $kendo-color-gradient-sm-padding-y + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-4, 1rem) + + +
Description
The vertical padding of the small ColorGradient.
+ + + + $kendo-color-gradient-sm-padding-x + Calculation + $kendo-color-gradient-padding-x + calc(var(--kendo-spacing-4, 1rem) / 2) + + +
Description
The horizontal padding of the small ColorGradient.
+ + + + $kendo-color-gradient-md-padding-y + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-4, 1rem) + + +
Description
The vertical padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-md-padding-x + Calculation + $kendo-color-gradient-padding-x + calc(var(--kendo-spacing-4, 1rem) / 2) + + +
Description
The horizontal padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-y + String + k-spacing(4) + var(--kendo-spacing-4, 1rem) + + +
Description
The vertical padding of the large ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-x + String + k-spacing(4) + var(--kendo-spacing-4, 1rem) + + +
Description
The horizontal padding of the large ColorGradient.
+ + $kendo-color-gradient-sm-width Number - 226px - 226px + 236px + 236px
Description
The width of the small ColorGradient.
@@ -8846,8 +8906,8 @@ The following table lists the available variables for customizing the Fluent the $kendo-color-gradient-lg-width Number - 360px - 360px + 362px + 362px
Description
The width of the large ColorGradient.
@@ -9286,8 +9346,8 @@ The following table lists the available variables for customizing the Fluent the $kendo-color-gradient-sm-input-width Number - 43.5px - 43.5px + 43px + 43px
Description
The width of the small ColorGradient input.
@@ -9306,8 +9366,8 @@ The following table lists the available variables for customizing the Fluent the $kendo-color-gradient-lg-input-width Number - 50.5px - 50.5px + 68px + 68px
Description
The width of the large ColorGradient input.
@@ -9343,7 +9403,9 @@ The following table lists the available variables for customizing the Fluent the rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height, input-width: $kendo-color-gradient-sm-input-width, spacing: $kendo-color-gradient-sm-spacing, - canvas-spacing: $kendo-color-gradient-sm-canvas-spacing + canvas-spacing: $kendo-color-gradient-sm-canvas-spacing, + padding-x: $kendo-color-gradient-sm-padding-x, + padding-y: $kendo-color-gradient-sm-padding-y ), md: ( width: $kendo-color-gradient-md-width, @@ -9351,7 +9413,9 @@ The following table lists the available variables for customizing the Fluent the rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height, input-width: $kendo-color-gradient-md-input-width, spacing: $kendo-color-gradient-md-spacing, - canvas-spacing: $kendo-color-gradient-md-canvas-spacing + canvas-spacing: $kendo-color-gradient-md-canvas-spacing, + padding-x: $kendo-color-gradient-md-padding-x, + padding-y: $kendo-color-gradient-md-padding-y ), lg: ( width: $kendo-color-gradient-lg-width, @@ -9359,10 +9423,12 @@ The following table lists the available variables for customizing the Fluent the rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height, input-width: $kendo-color-gradient-lg-input-width, spacing: $kendo-color-gradient-lg-spacing, - canvas-spacing: $kendo-color-gradient-lg-canvas-spacing + canvas-spacing: $kendo-color-gradient-lg-canvas-spacing, + padding-x: $kendo-color-gradient-lg-padding-x, + padding-y: $kendo-color-gradient-lg-padding-y ) ) - +
Description
The size map of the ColorGradient.
@@ -9469,7 +9535,7 @@ The following table lists the available variables for customizing the Fluent the - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width String k-spacing(5.5) var(--kendo-spacing-5\.5, 1.375rem) @@ -9479,9 +9545,9 @@ The following table lists the available variables for customizing the Fluent the - $kendo-color-palette-tile-sm-height + $kendo-color-palette-sm-tile-height String - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width var(--kendo-spacing-5\.5, 1.375rem) @@ -9489,7 +9555,7 @@ The following table lists the available variables for customizing the Fluent the - $kendo-color-palette-tile-md-width + $kendo-color-palette-md-tile-width String $kendo-color-palette-tile-width var(--kendo-spacing-6, 1.5rem) @@ -9499,7 +9565,7 @@ The following table lists the available variables for customizing the Fluent the - $kendo-color-palette-tile-md-height + $kendo-color-palette-md-tile-height String $kendo-color-palette-tile-height var(--kendo-spacing-6, 1.5rem) @@ -9509,7 +9575,7 @@ The following table lists the available variables for customizing the Fluent the - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width String k-spacing(8) var(--kendo-spacing-8, 2rem) @@ -9519,9 +9585,9 @@ The following table lists the available variables for customizing the Fluent the - $kendo-color-palette-tile-lg-height + $kendo-color-palette-lg-tile-height String - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width var(--kendo-spacing-8, 2rem) @@ -9603,16 +9669,16 @@ The following table lists the available variables for customizing the Fluent the Map ( sm: ( - width: $kendo-color-palette-tile-sm-width, - height: $kendo-color-palette-tile-sm-height + width: $kendo-color-palette-sm-tile-width, + height: $kendo-color-palette-sm-tile-height ), md: ( - width: $kendo-color-palette-tile-md-width, - height: $kendo-color-palette-tile-md-height + width: $kendo-color-palette-md-tile-width, + height: $kendo-color-palette-md-tile-height ), lg: ( - width: $kendo-color-palette-tile-lg-width, - height: $kendo-color-palette-tile-lg-height + width: $kendo-color-palette-lg-tile-width, + height: $kendo-color-palette-lg-tile-height ) ) diff --git a/packages/material/docs/customization-color-gradient.md b/packages/material/docs/customization-color-gradient.md index 9acdcb1ef1..bc870c69ac 100644 --- a/packages/material/docs/customization-color-gradient.md +++ b/packages/material/docs/customization-color-gradient.md @@ -157,11 +157,71 @@ The following table lists the available variables for customization.
Description
The border color of the ColorGradient.
+ + $kendo-color-gradient-sm-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-3, 0.75rem) + + +
Description
The vertical padding of the small ColorGradient.
+ + + + $kendo-color-gradient-sm-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-3, 0.75rem) + + +
Description
The horizontal padding of the small ColorGradient.
+ + + + $kendo-color-gradient-md-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-3, 0.75rem) + + +
Description
The vertical padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-md-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-3, 0.75rem) + + +
Description
The horizontal padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-y + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The vertical padding of the large ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-x + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The horizontal padding of the large ColorGradient.
+ + $kendo-color-gradient-sm-width Number - 254px - 254px + 278px + 278px
Description
The width of the small ColorGradient.
@@ -180,8 +240,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-lg-width Number - 328px - 328px + 364px + 364px
Description
The width of the large ColorGradient.
@@ -210,8 +270,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-lg-gap String - k-spacing(4) - var(--kendo-spacing-4, 1rem) + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem)
Description
The spacing between the sections of the large ColorGradient.
@@ -270,8 +330,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-sm-canvas-rectangle-height Number - 210px - 210px + $kendo-color-gradient-canvas-rectangle-height + 180px
Description
The height the small ColorGradient canvas hsv rectangle.
@@ -290,8 +350,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-lg-canvas-rectangle-height Number - 266px - 266px + 270px + 270px
Description
The height the large ColorGradient canvas hsv rectangle.
@@ -320,8 +380,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-lg-canvas-gap String - k-spacing(4) - var(--kendo-spacing-4, 1rem) + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem)
Description
The spacing between the items of the large ColorGradient canvas.
@@ -390,8 +450,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-sm-slider-vertical-size Number - 210px - 210px + $kendo-color-gradient-slider-vertical-size + 180px
Description
The height of the small ColorGradient vertical slider.
@@ -410,8 +470,8 @@ The following table lists the available variables for customization. $kendo-color-gradient-lg-slider-vertical-size Number - 266px - 266px + 270px + 270px
Description
The height of the large ColorGradient vertical slider.
@@ -647,7 +707,9 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height, input-width: $kendo-color-gradient-sm-input-width, gap: $kendo-color-gradient-sm-gap, - canvas-gap: $kendo-color-gradient-sm-canvas-gap + canvas-gap: $kendo-color-gradient-sm-canvas-gap, + padding-x: $kendo-color-gradient-sm-padding-x, + padding-y: $kendo-color-gradient-sm-padding-y ), md: ( width: $kendo-color-gradient-md-width, @@ -655,7 +717,9 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height, input-width: $kendo-color-gradient-md-input-width, gap: $kendo-color-gradient-md-gap, - canvas-gap: $kendo-color-gradient-md-canvas-gap + canvas-gap: $kendo-color-gradient-md-canvas-gap, + padding-x: $kendo-color-gradient-md-padding-x, + padding-y: $kendo-color-gradient-md-padding-y ), lg: ( width: $kendo-color-gradient-lg-width, @@ -663,10 +727,12 @@ The following table lists the available variables for customization. rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height, input-width: $kendo-color-gradient-lg-input-width, gap: $kendo-color-gradient-lg-gap, - canvas-gap: $kendo-color-gradient-lg-canvas-gap + canvas-gap: $kendo-color-gradient-lg-canvas-gap, + padding-x: $kendo-color-gradient-lg-padding-x, + padding-y: $kendo-color-gradient-lg-padding-y ) ) - +
Description
The size map of the ColorGradient.
diff --git a/packages/material/docs/customization-color-palette.md b/packages/material/docs/customization-color-palette.md index 7662cb4daf..6ce7b08bf7 100644 --- a/packages/material/docs/customization-color-palette.md +++ b/packages/material/docs/customization-color-palette.md @@ -78,7 +78,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width String k-spacing(5.5) var(--kendo-spacing-5\.5, 1.375rem) @@ -88,9 +88,9 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-sm-height + $kendo-color-palette-sm-tile-height String - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width var(--kendo-spacing-5\.5, 1.375rem) @@ -98,7 +98,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-md-width + $kendo-color-palette-md-tile-width String $kendo-color-palette-tile-width var(--kendo-spacing-6, 1.5rem) @@ -108,7 +108,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-md-height + $kendo-color-palette-md-tile-height String $kendo-color-palette-tile-height var(--kendo-spacing-6, 1.5rem) @@ -118,7 +118,7 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width String k-spacing(8) var(--kendo-spacing-8, 2rem) @@ -128,9 +128,9 @@ The following table lists the available variables for customization. - $kendo-color-palette-tile-lg-height + $kendo-color-palette-lg-tile-height String - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width var(--kendo-spacing-8, 2rem) @@ -172,16 +172,16 @@ The following table lists the available variables for customization. Map ( sm: ( - width: $kendo-color-palette-tile-sm-width, - height: $kendo-color-palette-tile-sm-height + width: $kendo-color-palette-sm-tile-width, + height: $kendo-color-palette-sm-tile-height ), md: ( - width: $kendo-color-palette-tile-md-width, - height: $kendo-color-palette-tile-md-height + width: $kendo-color-palette-md-tile-width, + height: $kendo-color-palette-md-tile-height ), lg: ( - width: $kendo-color-palette-tile-lg-width, - height: $kendo-color-palette-tile-lg-height + width: $kendo-color-palette-lg-tile-width, + height: $kendo-color-palette-lg-tile-height ) ) diff --git a/packages/material/docs/customization.md b/packages/material/docs/customization.md index 6f444ab3fb..5add2d1698 100644 --- a/packages/material/docs/customization.md +++ b/packages/material/docs/customization.md @@ -7621,11 +7621,71 @@ The following table lists the available variables for customizing the Material t
Description
The border color of the ColorGradient.
+ + $kendo-color-gradient-sm-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-3, 0.75rem) + + +
Description
The vertical padding of the small ColorGradient.
+ + + + $kendo-color-gradient-sm-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-3, 0.75rem) + + +
Description
The horizontal padding of the small ColorGradient.
+ + + + $kendo-color-gradient-md-padding-y + String + $kendo-color-gradient-spacer + var(--kendo-spacing-3, 0.75rem) + + +
Description
The vertical padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-md-padding-x + String + $kendo-color-gradient-padding-y + var(--kendo-spacing-3, 0.75rem) + + +
Description
The horizontal padding of the medium ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-y + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The vertical padding of the large ColorGradient.
+ + + + $kendo-color-gradient-lg-padding-x + String + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem) + + +
Description
The horizontal padding of the large ColorGradient.
+ + $kendo-color-gradient-sm-width Number - 254px - 254px + 278px + 278px
Description
The width of the small ColorGradient.
@@ -7644,8 +7704,8 @@ The following table lists the available variables for customizing the Material t $kendo-color-gradient-lg-width Number - 328px - 328px + 364px + 364px
Description
The width of the large ColorGradient.
@@ -7674,8 +7734,8 @@ The following table lists the available variables for customizing the Material t $kendo-color-gradient-lg-gap String - k-spacing(4) - var(--kendo-spacing-4, 1rem) + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem)
Description
The spacing between the sections of the large ColorGradient.
@@ -7734,8 +7794,8 @@ The following table lists the available variables for customizing the Material t $kendo-color-gradient-sm-canvas-rectangle-height Number - 210px - 210px + $kendo-color-gradient-canvas-rectangle-height + 180px
Description
The height the small ColorGradient canvas hsv rectangle.
@@ -7754,8 +7814,8 @@ The following table lists the available variables for customizing the Material t $kendo-color-gradient-lg-canvas-rectangle-height Number - 266px - 266px + 270px + 270px
Description
The height the large ColorGradient canvas hsv rectangle.
@@ -7784,8 +7844,8 @@ The following table lists the available variables for customizing the Material t $kendo-color-gradient-lg-canvas-gap String - k-spacing(4) - var(--kendo-spacing-4, 1rem) + k-spacing(4.5) + var(--kendo-spacing-4\.5, 1.125rem)
Description
The spacing between the items of the large ColorGradient canvas.
@@ -7854,8 +7914,8 @@ The following table lists the available variables for customizing the Material t $kendo-color-gradient-sm-slider-vertical-size Number - 210px - 210px + $kendo-color-gradient-slider-vertical-size + 180px
Description
The height of the small ColorGradient vertical slider.
@@ -7874,8 +7934,8 @@ The following table lists the available variables for customizing the Material t $kendo-color-gradient-lg-slider-vertical-size Number - 266px - 266px + 270px + 270px
Description
The height of the large ColorGradient vertical slider.
@@ -8111,7 +8171,9 @@ The following table lists the available variables for customizing the Material t rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height, input-width: $kendo-color-gradient-sm-input-width, gap: $kendo-color-gradient-sm-gap, - canvas-gap: $kendo-color-gradient-sm-canvas-gap + canvas-gap: $kendo-color-gradient-sm-canvas-gap, + padding-x: $kendo-color-gradient-sm-padding-x, + padding-y: $kendo-color-gradient-sm-padding-y ), md: ( width: $kendo-color-gradient-md-width, @@ -8119,7 +8181,9 @@ The following table lists the available variables for customizing the Material t rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height, input-width: $kendo-color-gradient-md-input-width, gap: $kendo-color-gradient-md-gap, - canvas-gap: $kendo-color-gradient-md-canvas-gap + canvas-gap: $kendo-color-gradient-md-canvas-gap, + padding-x: $kendo-color-gradient-md-padding-x, + padding-y: $kendo-color-gradient-md-padding-y ), lg: ( width: $kendo-color-gradient-lg-width, @@ -8127,10 +8191,12 @@ The following table lists the available variables for customizing the Material t rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height, input-width: $kendo-color-gradient-lg-input-width, gap: $kendo-color-gradient-lg-gap, - canvas-gap: $kendo-color-gradient-lg-canvas-gap + canvas-gap: $kendo-color-gradient-lg-canvas-gap, + padding-x: $kendo-color-gradient-lg-padding-x, + padding-y: $kendo-color-gradient-lg-padding-y ) ) - +
Description
The size map of the ColorGradient.
@@ -8207,7 +8273,7 @@ The following table lists the available variables for customizing the Material t - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width String k-spacing(5.5) var(--kendo-spacing-5\.5, 1.375rem) @@ -8217,9 +8283,9 @@ The following table lists the available variables for customizing the Material t - $kendo-color-palette-tile-sm-height + $kendo-color-palette-sm-tile-height String - $kendo-color-palette-tile-sm-width + $kendo-color-palette-sm-tile-width var(--kendo-spacing-5\.5, 1.375rem) @@ -8227,7 +8293,7 @@ The following table lists the available variables for customizing the Material t - $kendo-color-palette-tile-md-width + $kendo-color-palette-md-tile-width String $kendo-color-palette-tile-width var(--kendo-spacing-6, 1.5rem) @@ -8237,7 +8303,7 @@ The following table lists the available variables for customizing the Material t - $kendo-color-palette-tile-md-height + $kendo-color-palette-md-tile-height String $kendo-color-palette-tile-height var(--kendo-spacing-6, 1.5rem) @@ -8247,7 +8313,7 @@ The following table lists the available variables for customizing the Material t - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width String k-spacing(8) var(--kendo-spacing-8, 2rem) @@ -8257,9 +8323,9 @@ The following table lists the available variables for customizing the Material t - $kendo-color-palette-tile-lg-height + $kendo-color-palette-lg-tile-height String - $kendo-color-palette-tile-lg-width + $kendo-color-palette-lg-tile-width var(--kendo-spacing-8, 2rem) @@ -8301,16 +8367,16 @@ The following table lists the available variables for customizing the Material t Map ( sm: ( - width: $kendo-color-palette-tile-sm-width, - height: $kendo-color-palette-tile-sm-height + width: $kendo-color-palette-sm-tile-width, + height: $kendo-color-palette-sm-tile-height ), md: ( - width: $kendo-color-palette-tile-md-width, - height: $kendo-color-palette-tile-md-height + width: $kendo-color-palette-md-tile-width, + height: $kendo-color-palette-md-tile-height ), lg: ( - width: $kendo-color-palette-tile-lg-width, - height: $kendo-color-palette-tile-lg-height + width: $kendo-color-palette-lg-tile-width, + height: $kendo-color-palette-lg-tile-height ) )