From 5b9ea8b2dcd02cb26f6c249757c80e9dc95fa0c1 Mon Sep 17 00:00:00 2001 From: Zhuliyan Penkov Date: Thu, 19 Dec 2024 14:39:47 +0200 Subject: [PATCH] chore: regen docs --- .../bootstrap/docs/customization-button.md | 6 +- .../docs/customization-floating-label.md | 4 +- packages/bootstrap/docs/customization-form.md | 2 +- .../bootstrap/docs/customization-input.md | 16 +- .../docs/customization-one-time-password.md | 158 ++++++++++++++++ .../bootstrap/docs/customization-pager.md | 8 +- packages/bootstrap/docs/customization.md | 176 ++++++++++++++++-- packages/classic/docs/customization-button.md | 6 +- packages/classic/docs/customization-input.md | 10 + .../docs/customization-one-time-password.md | 158 ++++++++++++++++ packages/classic/docs/customization-pager.md | 8 +- packages/classic/docs/customization.md | 164 +++++++++++++++- packages/default/docs/customization-button.md | 6 +- packages/default/docs/customization-input.md | 10 + .../docs/customization-one-time-password.md | 158 ++++++++++++++++ packages/default/docs/customization-pager.md | 8 +- packages/default/docs/customization.md | 164 +++++++++++++++- packages/fluent/docs/customization-input.md | 10 + .../docs/customization-one-time-password.md | 158 ++++++++++++++++ packages/fluent/docs/customization.md | 150 +++++++++++++++ .../material/docs/customization-button.md | 8 +- packages/material/docs/customization-input.md | 10 + .../docs/customization-one-time-password.md | 158 ++++++++++++++++ packages/material/docs/customization-pager.md | 8 +- packages/material/docs/customization.md | 166 ++++++++++++++++- 25 files changed, 1660 insertions(+), 70 deletions(-) create mode 100644 packages/bootstrap/docs/customization-one-time-password.md create mode 100644 packages/classic/docs/customization-one-time-password.md create mode 100644 packages/default/docs/customization-one-time-password.md create mode 100644 packages/fluent/docs/customization-one-time-password.md create mode 100644 packages/material/docs/customization-one-time-password.md diff --git a/packages/bootstrap/docs/customization-button.md b/packages/bootstrap/docs/customization-button.md index e6e0592193c..457b13a3f32 100644 --- a/packages/bootstrap/docs/customization-button.md +++ b/packages/bootstrap/docs/customization-button.md @@ -220,8 +220,8 @@ The following table lists the available variables for customization. $kendo-button-calc-size Calculation - calc( calc( #{$kendo-button-line-height} * 1em ) + calc( #{$kendo-button-padding-y} * 2 ) + #{$kendo-button-border-width * 2} ) - calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px) + calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) + calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 1px * 2)
Description
The calculated height of the Button.
@@ -230,7 +230,7 @@ The following table lists the available variables for customization. $kendo-button-inner-calc-size Calculation - calc( calc( #{$kendo-button-line-height} * 1em ) + calc( #{$kendo-button-padding-y} * 2 ) ) + calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) ) calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2) diff --git a/packages/bootstrap/docs/customization-floating-label.md b/packages/bootstrap/docs/customization-floating-label.md index e8b9fbd4f14..38ece9cd4db 100644 --- a/packages/bootstrap/docs/customization-floating-label.md +++ b/packages/bootstrap/docs/customization-floating-label.md @@ -81,7 +81,7 @@ The following table lists the available variables for customization. $kendo-floating-label-offset-x Calculation calc( #{$kendo-input-padding-x} + #{$kendo-input-border-width} ) - calc(var(--kendo-spacing-3, 0.75rem) + var(--kendo-spacing-1px, 1px)) + calc(var(--kendo-spacing-3, 0.75rem) + 1px)
Description
The horizontal offset of the Floating Label.
@@ -91,7 +91,7 @@ The following table lists the available variables for customization. $kendo-floating-label-offset-y Calculation calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y} ) - calc(calc(1.5 * var(--kendo-font-size, inherit)) + var(--kendo-spacing-1px, 1px) + var(--kendo-spacing-1\.5, 0.375rem)) + calc(calc(1.5 * var(--kendo-font-size, inherit)) + 1px + var(--kendo-spacing-1\.5, 0.375rem))
Description
The vertical offset of the Floating Label.
diff --git a/packages/bootstrap/docs/customization-form.md b/packages/bootstrap/docs/customization-form.md index 661369c2014..98b2ab74881 100644 --- a/packages/bootstrap/docs/customization-form.md +++ b/packages/bootstrap/docs/customization-form.md @@ -361,7 +361,7 @@ The following table lists the available variables for customization. $kendo-inline-form-field-padding-y Calculation calc( #{k-spacing(2)} + #{$kendo-input-border-width} ) - calc(var(--kendo-spacing-2, 0.5rem) + var(--kendo-spacing-1px, 1px)) + calc(var(--kendo-spacing-2, 0.5rem) + 1px)
Description
The vertical padding of the inline Form field.
diff --git a/packages/bootstrap/docs/customization-input.md b/packages/bootstrap/docs/customization-input.md index 5fe2861c799..f9e75289504 100644 --- a/packages/bootstrap/docs/customization-input.md +++ b/packages/bootstrap/docs/customization-input.md @@ -39,9 +39,9 @@ The following table lists the available variables for customization. $kendo-input-border-width - String - k-spacing(1px) - var(--kendo-spacing-1px, 1px) + Number + 1px + 1px
Description
The border width of the Input components.
@@ -227,6 +227,16 @@ The following table lists the available variables for customization.
Description
The line height of the large Input components.
+ + $kendo-input-calc-size + Calculation + calc( ( #{$kendo-input-line-height} * 1em ) + ( #{$kendo-input-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) + calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px)) + + +
Description
The calculated height of the Input.
+ + $kendo-input-sizes Map diff --git a/packages/bootstrap/docs/customization-one-time-password.md b/packages/bootstrap/docs/customization-one-time-password.md new file mode 100644 index 00000000000..8598d650307 --- /dev/null +++ b/packages/bootstrap/docs/customization-one-time-password.md @@ -0,0 +1,158 @@ +--- +title: Customizing OneTimePassword +description: "Refer to the list of the Kendo UI Bootstrap theme variables available for customization." +slug: variables_kendothemebootstrap_one-time-password +position: 9 +--- + +# Customizing OneTimePassword + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapStringk-spacing(1.5)var(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapStringk-spacing(1)var(--kendo-spacing-1, 0.25rem)
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapStringk-spacing(2)var(--kendo-spacing-2, 0.5rem)
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xString$kendo-otp-sm-gapvar(--kendo-spacing-1, 0.25rem)
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xString$kendo-otp-separator-padding-xvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xString$kendo-otp-lg-gapvar(--kendo-spacing-2, 0.5rem)
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthCalculation$kendo-input-calc-sizecalc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px))
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthCalculation$kendo-input-sm-calc-sizecalc(1.4285714286 * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthCalculation$kendo-otp-input-widthcalc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px))
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthCalculation$kendo-input-lg-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the large OTP separator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/bootstrap/docs/customization-pager.md b/packages/bootstrap/docs/customization-pager.md index 0ad5e107b80..d3518f2f3d5 100644 --- a/packages/bootstrap/docs/customization-pager.md +++ b/packages/bootstrap/docs/customization-pager.md @@ -111,7 +111,7 @@ The following table lists the available variables for customization. $kendo-pager-sm-item-min-width Calculation $kendo-button-sm-calc-size - calc(1.4285714286 * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px) + calc(1.4285714286 * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)
Description
The minimum width of the items in the small Pager.
@@ -121,7 +121,7 @@ The following table lists the available variables for customization. $kendo-pager-md-item-min-width Calculation $kendo-button-md-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px) + calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 1px * 2)
Description
The minimum width of the items in the medium Pagers.
@@ -131,7 +131,7 @@ The following table lists the available variables for customization. $kendo-pager-lg-item-min-width Calculation $kendo-button-lg-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px) + calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)
Description
The minimum width of the items in the large Pagers.
@@ -493,7 +493,7 @@ The following table lists the available variables for customization. pager-dropdown-width: $kendo-pager-lg-dropdown-width ) ) - +
Description
The sizes map of the Pager.
diff --git a/packages/bootstrap/docs/customization.md b/packages/bootstrap/docs/customization.md index 3b56d1c1a66..372d4fc5858 100644 --- a/packages/bootstrap/docs/customization.md +++ b/packages/bootstrap/docs/customization.md @@ -1974,8 +1974,8 @@ The following table lists the available variables for customizing the Bootstrap $kendo-button-calc-size Calculation - calc( calc( #{$kendo-button-line-height} * 1em ) + calc( #{$kendo-button-padding-y} * 2 ) + #{$kendo-button-border-width * 2} ) - calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px) + calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) + calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 1px * 2)
Description
The calculated height of the Button.
@@ -1984,7 +1984,7 @@ The following table lists the available variables for customizing the Bootstrap $kendo-button-inner-calc-size Calculation - calc( calc( #{$kendo-button-line-height} * 1em ) + calc( #{$kendo-button-padding-y} * 2 ) ) + calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) ) calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2) @@ -10750,7 +10750,7 @@ The following table lists the available variables for customizing the Bootstrap $kendo-floating-label-offset-x Calculation calc( #{$kendo-input-padding-x} + #{$kendo-input-border-width} ) - calc(var(--kendo-spacing-3, 0.75rem) + var(--kendo-spacing-1px, 1px)) + calc(var(--kendo-spacing-3, 0.75rem) + 1px)
Description
The horizontal offset of the Floating Label.
@@ -10760,7 +10760,7 @@ The following table lists the available variables for customizing the Bootstrap $kendo-floating-label-offset-y Calculation calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y} ) - calc(calc(1.5 * var(--kendo-font-size, inherit)) + var(--kendo-spacing-1px, 1px) + var(--kendo-spacing-1\.5, 0.375rem)) + calc(calc(1.5 * var(--kendo-font-size, inherit)) + 1px + var(--kendo-spacing-1\.5, 0.375rem))
Description
The vertical offset of the Floating Label.
@@ -11200,7 +11200,7 @@ The following table lists the available variables for customizing the Bootstrap $kendo-inline-form-field-padding-y Calculation calc( #{k-spacing(2)} + #{$kendo-input-border-width} ) - calc(var(--kendo-spacing-2, 0.5rem) + var(--kendo-spacing-1px, 1px)) + calc(var(--kendo-spacing-2, 0.5rem) + 1px)
Description
The vertical padding of the inline Form field.
@@ -12668,9 +12668,9 @@ The following table lists the available variables for customizing the Bootstrap $kendo-input-border-width - String - k-spacing(1px) - var(--kendo-spacing-1px, 1px) + Number + 1px + 1px
Description
The border width of the Input components.
@@ -12856,6 +12856,16 @@ The following table lists the available variables for customizing the Bootstrap
Description
The line height of the large Input components.
+ + $kendo-input-calc-size + Calculation + calc( ( #{$kendo-input-line-height} * 1em ) + ( #{$kendo-input-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) + calc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px)) + + +
Description
The calculated height of the Input.
+ + $kendo-input-sizes Map @@ -16053,6 +16063,146 @@ The following table lists the available variables for customizing the Bootstrap +### OneTimePassword + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapStringk-spacing(1.5)var(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapStringk-spacing(1)var(--kendo-spacing-1, 0.25rem)
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapStringk-spacing(2)var(--kendo-spacing-2, 0.5rem)
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xString$kendo-otp-sm-gapvar(--kendo-spacing-1, 0.25rem)
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xString$kendo-otp-separator-padding-xvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xString$kendo-otp-lg-gapvar(--kendo-spacing-2, 0.5rem)
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthCalculation$kendo-input-calc-sizecalc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px))
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthCalculation$kendo-input-sm-calc-sizecalc(1.4285714286 * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthCalculation$kendo-otp-input-widthcalc(1.5 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px))
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthCalculation$kendo-input-lg-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the large OTP separator.
+
+ ### Orgchart @@ -17034,7 +17184,7 @@ The following table lists the available variables for customizing the Bootstrap - + - + - + - + - - + + - + diff --git a/packages/classic/docs/customization-input.md b/packages/classic/docs/customization-input.md index 0a665891e5c..491c1a07c93 100644 --- a/packages/classic/docs/customization-input.md +++ b/packages/classic/docs/customization-input.md @@ -227,6 +227,16 @@ The following table lists the available variables for customization. + + + + + + + + + diff --git a/packages/classic/docs/customization-one-time-password.md b/packages/classic/docs/customization-one-time-password.md new file mode 100644 index 00000000000..c9cc71d20b6 --- /dev/null +++ b/packages/classic/docs/customization-one-time-password.md @@ -0,0 +1,158 @@ +--- +title: Customizing OneTimePassword +description: "Refer to the list of the Kendo UI Classic theme variables available for customization." +slug: variables_kendothemeclassic_one-time-password +position: 9 +--- + +# Customizing OneTimePassword + +## Variables + +The following table lists the available variables for customization. + +
$kendo-pager-sm-item-min-width Calculation $kendo-button-sm-calc-sizecalc(1.4285714286 * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px)calc(1.4285714286 * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)
Description
The minimum width of the items in the small Pager.
@@ -17044,7 +17194,7 @@ The following table lists the available variables for customizing the Bootstrap 		$kendo-pager-md-item-min-width Calculation $kendo-button-md-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px)calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 1px * 2)
Description
The minimum width of the items in the medium Pagers.
@@ -17054,7 +17204,7 @@ The following table lists the available variables for customizing the Bootstrap 		$kendo-pager-lg-item-min-width Calculation $kendo-button-lg-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px)calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)
Description
The minimum width of the items in the large Pagers.
@@ -17416,7 +17566,7 @@ The following table lists the available variables for customizing the Bootstrap pager-dropdown-width: $kendo-pager-lg-dropdown-width ) )
  • sm: "padding-x":"var(--kendo-spacing-1, 0.25rem)","padding-y":"var(--kendo-spacing-1, 0.25rem)","item-group-spacing":"var(--kendo-spacing-3\\.5, 0.875rem)","item-min-width":"calc(1.4285714286 * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px)","pager-dropdown-width":"5em"
  • md: "padding-x":"var(--kendo-spacing-2, 0.5rem)","padding-y":"var(--kendo-spacing-2, 0.5rem)","item-group-spacing":"var(--kendo-spacing-4, 1rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\\.5, 0.375rem) * 2 + 2px)","pager-dropdown-width":"5em"
  • lg: "padding-x":"var(--kendo-spacing-2\\.5, 0.625rem)","padding-y":"var(--kendo-spacing-2\\.5, 0.625rem)","item-group-spacing":"var(--kendo-spacing-4\\.5, 1.125rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px)","pager-dropdown-width":"6em"
  • sm: "padding-x":"var(--kendo-spacing-1, 0.25rem)","padding-y":"var(--kendo-spacing-1, 0.25rem)","item-group-spacing":"var(--kendo-spacing-3\\.5, 0.875rem)","item-min-width":"calc(1.4285714286 * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)","pager-dropdown-width":"5em"
  • md: "padding-x":"var(--kendo-spacing-2, 0.5rem)","padding-y":"var(--kendo-spacing-2, 0.5rem)","item-group-spacing":"var(--kendo-spacing-4, 1rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\\.5, 0.375rem) * 2 + 1px * 2)","pager-dropdown-width":"5em"
  • lg: "padding-x":"var(--kendo-spacing-2\\.5, 0.625rem)","padding-y":"var(--kendo-spacing-2\\.5, 0.625rem)","item-group-spacing":"var(--kendo-spacing-4\\.5, 1.125rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)","pager-dropdown-width":"6em"
Description
The sizes map of the Pager.
diff --git a/packages/classic/docs/customization-button.md b/packages/classic/docs/customization-button.md index 0c0a30c62c4..47b54fa7516 100644 --- a/packages/classic/docs/customization-button.md +++ b/packages/classic/docs/customization-button.md @@ -220,8 +220,8 @@ The following table lists the available variables for customization.
$kendo-button-calc-size Calculationcalc( calc( #{$kendo-button-line-height} * 1em ) + calc( #{$kendo-button-padding-y} * 2 ) + #{$kendo-button-border-width * 2} )calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px)calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) )calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)
Description
The calculated height of the Button.
@@ -230,7 +230,7 @@ The following table lists the available variables for customization.
$kendo-button-inner-calc-size Calculationcalc( calc( #{$kendo-button-line-height} * 1em ) + calc( #{$kendo-button-padding-y} * 2 ) )calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) ) calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2)
Description
The line height of the large Input components.
$kendo-input-calc-sizeCalculationcalc( ( #{$kendo-input-line-height} * 1em ) + ( #{$kendo-input-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) )calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The calculated height of the Input.
+
$kendo-input-sizes Map
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapStringk-spacing(1.5)var(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapStringk-spacing(1)var(--kendo-spacing-1, 0.25rem)
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapStringk-spacing(2)var(--kendo-spacing-2, 0.5rem)
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xString$kendo-otp-sm-gapvar(--kendo-spacing-1, 0.25rem)
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xString$kendo-otp-separator-padding-xvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xString$kendo-otp-lg-gapvar(--kendo-spacing-2, 0.5rem)
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthCalculation$kendo-input-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthCalculation$kendo-input-sm-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + (2px))
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthCalculation$kendo-otp-input-widthcalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthCalculation$kendo-input-lg-calc-sizecalc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the large OTP separator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/classic/docs/customization-pager.md b/packages/classic/docs/customization-pager.md index cb8137080f6..36ef8c37278 100644 --- a/packages/classic/docs/customization-pager.md +++ b/packages/classic/docs/customization-pager.md @@ -111,7 +111,7 @@ The following table lists the available variables for customization. $kendo-pager-sm-item-min-width Calculation $kendo-button-sm-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 2px) + calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 1px * 2)
Description
The minimum width of the items in the small Pager.
@@ -121,7 +121,7 @@ The following table lists the available variables for customization. $kendo-pager-md-item-min-width Calculation $kendo-button-md-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px) + calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)
Description
The minimum width of the items in the medium Pagers.
@@ -131,7 +131,7 @@ The following table lists the available variables for customization. $kendo-pager-lg-item-min-width Calculation $kendo-button-lg-calc-size - calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px) + calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)
Description
The minimum width of the items in the large Pagers.
@@ -493,7 +493,7 @@ The following table lists the available variables for customization. pager-dropdown-width: $kendo-pager-lg-dropdown-width ) ) - +
Description
The sizes map of the Pager.
diff --git a/packages/classic/docs/customization.md b/packages/classic/docs/customization.md index a5f85c1fbc4..48746400555 100644 --- a/packages/classic/docs/customization.md +++ b/packages/classic/docs/customization.md @@ -2015,8 +2015,8 @@ The following table lists the available variables for customizing the Classic th $kendo-button-calc-size Calculation - calc( calc( #{$kendo-button-line-height} * 1em ) + calc( #{$kendo-button-padding-y} * 2 ) + #{$kendo-button-border-width * 2} ) - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px) + calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) + calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)
Description
The calculated height of the Button.
@@ -2025,7 +2025,7 @@ The following table lists the available variables for customizing the Classic th $kendo-button-inner-calc-size Calculation - calc( calc( #{$kendo-button-line-height} * 1em ) + calc( #{$kendo-button-padding-y} * 2 ) ) + calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) ) calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2) @@ -13127,6 +13127,16 @@ The following table lists the available variables for customizing the Classic th
Description
The line height of the large Input components.
+ + $kendo-input-calc-size + Calculation + calc( ( #{$kendo-input-line-height} * 1em ) + ( #{$kendo-input-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) + calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px)) + + +
Description
The calculated height of the Input.
+ + $kendo-input-sizes Map @@ -16324,6 +16334,146 @@ The following table lists the available variables for customizing the Classic th +### OneTimePassword + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapStringk-spacing(1.5)var(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapStringk-spacing(1)var(--kendo-spacing-1, 0.25rem)
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapStringk-spacing(2)var(--kendo-spacing-2, 0.5rem)
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xString$kendo-otp-sm-gapvar(--kendo-spacing-1, 0.25rem)
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xString$kendo-otp-separator-padding-xvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xString$kendo-otp-lg-gapvar(--kendo-spacing-2, 0.5rem)
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthCalculation$kendo-input-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthCalculation$kendo-input-sm-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + (2px))
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthCalculation$kendo-otp-input-widthcalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthCalculation$kendo-input-lg-calc-sizecalc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the large OTP separator.
+
+ ### Orgchart @@ -17305,7 +17455,7 @@ The following table lists the available variables for customizing the Classic th - + - + - + - + - - + + - + diff --git a/packages/default/docs/customization-input.md b/packages/default/docs/customization-input.md index 2dc23427d5d..98d8211e2e0 100644 --- a/packages/default/docs/customization-input.md +++ b/packages/default/docs/customization-input.md @@ -227,6 +227,16 @@ The following table lists the available variables for customization. + + + + + + + + + diff --git a/packages/default/docs/customization-one-time-password.md b/packages/default/docs/customization-one-time-password.md new file mode 100644 index 00000000000..434d1b8f408 --- /dev/null +++ b/packages/default/docs/customization-one-time-password.md @@ -0,0 +1,158 @@ +--- +title: Customizing OneTimePassword +description: "Refer to the list of the Kendo UI Default theme variables available for customization." +slug: variables_kendothemedefault_one-time-password +position: 9 +--- + +# Customizing OneTimePassword + +## Variables + +The following table lists the available variables for customization. + +
$kendo-pager-sm-item-min-width Calculation $kendo-button-sm-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 2px)calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 1px * 2)
Description
The minimum width of the items in the small Pager.
@@ -17315,7 +17465,7 @@ The following table lists the available variables for customizing the Classic th 		$kendo-pager-md-item-min-width Calculation $kendo-button-md-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px)calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)
Description
The minimum width of the items in the medium Pagers.
@@ -17325,7 +17475,7 @@ The following table lists the available variables for customizing the Classic th 		$kendo-pager-lg-item-min-width Calculation $kendo-button-lg-calc-sizecalc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px)calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)
Description
The minimum width of the items in the large Pagers.
@@ -17687,7 +17837,7 @@ The following table lists the available variables for customizing the Classic th pager-dropdown-width: $kendo-pager-lg-dropdown-width ) )
  • sm: "padding-x":"var(--kendo-spacing-1, 0.25rem)","padding-y":"var(--kendo-spacing-1, 0.25rem)","item-group-spacing":"var(--kendo-spacing-3, 0.75rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\\.5, 0.125rem) * 2 + 2px)","pager-dropdown-width":"5em"
  • md: "padding-x":"var(--kendo-spacing-2, 0.5rem)","padding-y":"var(--kendo-spacing-2, 0.5rem)","item-group-spacing":"var(--kendo-spacing-3\\.5, 0.875rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px)","pager-dropdown-width":"5em"
  • lg: "padding-x":"var(--kendo-spacing-2\\.5, 0.625rem)","padding-y":"var(--kendo-spacing-2\\.5, 0.625rem)","item-group-spacing":"var(--kendo-spacing-4, 1rem)","item-min-width":"calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px)","pager-dropdown-width":"5em"
  • sm: "padding-x":"var(--kendo-spacing-1, 0.25rem)","padding-y":"var(--kendo-spacing-1, 0.25rem)","item-group-spacing":"var(--kendo-spacing-3, 0.75rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\\.5, 0.125rem) * 2 + 1px * 2)","pager-dropdown-width":"5em"
  • md: "padding-x":"var(--kendo-spacing-2, 0.5rem)","padding-y":"var(--kendo-spacing-2, 0.5rem)","item-group-spacing":"var(--kendo-spacing-3\\.5, 0.875rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)","pager-dropdown-width":"5em"
  • lg: "padding-x":"var(--kendo-spacing-2\\.5, 0.625rem)","padding-y":"var(--kendo-spacing-2\\.5, 0.625rem)","item-group-spacing":"var(--kendo-spacing-4, 1rem)","item-min-width":"calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)","pager-dropdown-width":"5em"
Description
The sizes map of the Pager.
diff --git a/packages/default/docs/customization-button.md b/packages/default/docs/customization-button.md index 90eddb42408..90680336721 100644 --- a/packages/default/docs/customization-button.md +++ b/packages/default/docs/customization-button.md @@ -220,8 +220,8 @@ The following table lists the available variables for customization.
$kendo-button-calc-size Calculationcalc( calc( #{$kendo-button-line-height} * 1em ) + calc( #{$kendo-button-padding-y} * 2 ) + #{$kendo-button-border-width * 2} )calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px)calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) )calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)
Description
The calculated height of the Button.
@@ -230,7 +230,7 @@ The following table lists the available variables for customization.
$kendo-button-inner-calc-size Calculationcalc( calc( #{$kendo-button-line-height} * 1em ) + calc( #{$kendo-button-padding-y} * 2 ) )calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) ) calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2)
Description
The line height of the large Input components.
$kendo-input-calc-sizeCalculationcalc( ( #{$kendo-input-line-height} * 1em ) + ( #{$kendo-input-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) )calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The calculated height of the Input.
+
$kendo-input-sizes Map
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapStringk-spacing(1.5)var(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapStringk-spacing(1)var(--kendo-spacing-1, 0.25rem)
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapStringk-spacing(2)var(--kendo-spacing-2, 0.5rem)
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xString$kendo-otp-sm-gapvar(--kendo-spacing-1, 0.25rem)
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xString$kendo-otp-separator-padding-xvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xString$kendo-otp-lg-gapvar(--kendo-spacing-2, 0.5rem)
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthCalculation$kendo-input-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthCalculation$kendo-input-sm-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + (2px))
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthCalculation$kendo-otp-input-widthcalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthCalculation$kendo-input-lg-calc-sizecalc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the large OTP separator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/default/docs/customization-pager.md b/packages/default/docs/customization-pager.md index a857f04f584..8d9a67fb95a 100644 --- a/packages/default/docs/customization-pager.md +++ b/packages/default/docs/customization-pager.md @@ -111,7 +111,7 @@ The following table lists the available variables for customization. $kendo-pager-sm-item-min-width Calculation $kendo-button-sm-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 2px) + calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 1px * 2)
Description
The minimum width of the items in the small Pager.
@@ -121,7 +121,7 @@ The following table lists the available variables for customization. $kendo-pager-md-item-min-width Calculation $kendo-button-md-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px) + calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)
Description
The minimum width of the items in the medium Pagers.
@@ -131,7 +131,7 @@ The following table lists the available variables for customization. $kendo-pager-lg-item-min-width Calculation $kendo-button-lg-calc-size - calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px) + calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)
Description
The minimum width of the items in the large Pagers.
@@ -493,7 +493,7 @@ The following table lists the available variables for customization. pager-dropdown-width: $kendo-pager-lg-dropdown-width ) ) - +
Description
The sizes map of the Pager.
diff --git a/packages/default/docs/customization.md b/packages/default/docs/customization.md index 3eeb95e8da9..e7eee2942bb 100644 --- a/packages/default/docs/customization.md +++ b/packages/default/docs/customization.md @@ -1914,8 +1914,8 @@ The following table lists the available variables for customizing the Default th $kendo-button-calc-size Calculation - calc( calc( #{$kendo-button-line-height} * 1em ) + calc( #{$kendo-button-padding-y} * 2 ) + #{$kendo-button-border-width * 2} ) - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px) + calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) + calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)
Description
The calculated height of the Button.
@@ -1924,7 +1924,7 @@ The following table lists the available variables for customizing the Default th $kendo-button-inner-calc-size Calculation - calc( calc( #{$kendo-button-line-height} * 1em ) + calc( #{$kendo-button-padding-y} * 2 ) ) + calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) ) calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2) @@ -12686,6 +12686,16 @@ The following table lists the available variables for customizing the Default th
Description
The line height of the large Input components.
+ + $kendo-input-calc-size + Calculation + calc( ( #{$kendo-input-line-height} * 1em ) + ( #{$kendo-input-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) + calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px)) + + +
Description
The calculated height of the Input.
+ + $kendo-input-sizes Map @@ -15903,6 +15913,146 @@ The following table lists the available variables for customizing the Default th +### OneTimePassword + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapStringk-spacing(1.5)var(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapStringk-spacing(1)var(--kendo-spacing-1, 0.25rem)
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapStringk-spacing(2)var(--kendo-spacing-2, 0.5rem)
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xString$kendo-otp-sm-gapvar(--kendo-spacing-1, 0.25rem)
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xString$kendo-otp-separator-padding-xvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xString$kendo-otp-lg-gapvar(--kendo-spacing-2, 0.5rem)
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthCalculation$kendo-input-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthCalculation$kendo-input-sm-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + (2px))
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthCalculation$kendo-otp-input-widthcalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthCalculation$kendo-input-lg-calc-sizecalc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the large OTP separator.
+
+ ### Orgchart @@ -16894,7 +17044,7 @@ The following table lists the available variables for customizing the Default th - + - + - + - + + + + + + + + + + diff --git a/packages/fluent/docs/customization-one-time-password.md b/packages/fluent/docs/customization-one-time-password.md new file mode 100644 index 00000000000..0da9a30ed5b --- /dev/null +++ b/packages/fluent/docs/customization-one-time-password.md @@ -0,0 +1,158 @@ +--- +title: Customizing OneTimePassword +description: "Refer to the list of the Kendo UI Fluent theme variables available for customization." +slug: variables_kendothemefluent_one-time-password +position: 9 +--- + +# Customizing OneTimePassword + +## Variables + +The following table lists the available variables for customization. + +
$kendo-pager-sm-item-min-width Calculation $kendo-button-sm-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 2px)calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 1px * 2)
Description
The minimum width of the items in the small Pager.
@@ -16904,7 +17054,7 @@ The following table lists the available variables for customizing the Default th 		$kendo-pager-md-item-min-width Calculation $kendo-button-md-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px)calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)
Description
The minimum width of the items in the medium Pagers.
@@ -16914,7 +17064,7 @@ The following table lists the available variables for customizing the Default th 		$kendo-pager-lg-item-min-width Calculation $kendo-button-lg-calc-sizecalc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px)calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)
Description
The minimum width of the items in the large Pagers.
@@ -17276,7 +17426,7 @@ The following table lists the available variables for customizing the Default th pager-dropdown-width: $kendo-pager-lg-dropdown-width ) )
  • sm: "padding-x":"var(--kendo-spacing-1, 0.25rem)","padding-y":"var(--kendo-spacing-1, 0.25rem)","item-group-spacing":"var(--kendo-spacing-3, 0.75rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\\.5, 0.125rem) * 2 + 2px)","pager-dropdown-width":"5em"
  • md: "padding-x":"var(--kendo-spacing-2, 0.5rem)","padding-y":"var(--kendo-spacing-2, 0.5rem)","item-group-spacing":"var(--kendo-spacing-3\\.5, 0.875rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px)","pager-dropdown-width":"5em"
  • lg: "padding-x":"var(--kendo-spacing-2\\.5, 0.625rem)","padding-y":"var(--kendo-spacing-2\\.5, 0.625rem)","item-group-spacing":"var(--kendo-spacing-4, 1rem)","item-min-width":"calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px)","pager-dropdown-width":"5em"
  • sm: "padding-x":"var(--kendo-spacing-1, 0.25rem)","padding-y":"var(--kendo-spacing-1, 0.25rem)","item-group-spacing":"var(--kendo-spacing-3, 0.75rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\\.5, 0.125rem) * 2 + 1px * 2)","pager-dropdown-width":"5em"
  • md: "padding-x":"var(--kendo-spacing-2, 0.5rem)","padding-y":"var(--kendo-spacing-2, 0.5rem)","item-group-spacing":"var(--kendo-spacing-3\\.5, 0.875rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)","pager-dropdown-width":"5em"
  • lg: "padding-x":"var(--kendo-spacing-2\\.5, 0.625rem)","padding-y":"var(--kendo-spacing-2\\.5, 0.625rem)","item-group-spacing":"var(--kendo-spacing-4, 1rem)","item-min-width":"calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)","pager-dropdown-width":"5em"
Description
The sizes map of the Pager.
diff --git a/packages/fluent/docs/customization-input.md b/packages/fluent/docs/customization-input.md index c46e5f486dc..2c6dc6085f5 100644 --- a/packages/fluent/docs/customization-input.md +++ b/packages/fluent/docs/customization-input.md @@ -1157,6 +1157,16 @@ The following table lists the available variables for customization.
Description
The border color of the disabled flat Picker components.
$kendo-input-calc-sizeCalculationcalc( ( #{$kendo-input-md-line-height} * 1em ) + ( #{$kendo-input-md-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) )calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px))
Description
The calculated height of the Input.
+
$kendo-input-sizes Map
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapStringk-spacing(1.5)var(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapStringk-spacing(1)var(--kendo-spacing-1, 0.25rem)
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapStringk-spacing(2)var(--kendo-spacing-2, 0.5rem)
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xString$kendo-otp-sm-gapvar(--kendo-spacing-1, 0.25rem)
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xString$kendo-otp-separator-padding-xvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xString$kendo-otp-lg-gapvar(--kendo-spacing-2, 0.5rem)
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthCalculation$kendo-input-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px))
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthCalculation$kendo-input-sm-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthCalculation$kendo-otp-input-widthcalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px))
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthCalculation$kendo-input-lg-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the large OTP separator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/fluent/docs/customization.md b/packages/fluent/docs/customization.md index a456128ca5c..7f5a12f672d 100644 --- a/packages/fluent/docs/customization.md +++ b/packages/fluent/docs/customization.md @@ -17046,6 +17046,16 @@ The following table lists the available variables for customizing the Fluent the
Description
The border color of the disabled flat Picker components.
+ + $kendo-input-calc-size + Calculation + calc( ( #{$kendo-input-md-line-height} * 1em ) + ( #{$kendo-input-md-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) + calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px)) + + +
Description
The calculated height of the Input.
+ + $kendo-input-sizes Map @@ -20469,6 +20479,146 @@ The following table lists the available variables for customizing the Fluent the +### OneTimePassword + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapStringk-spacing(1.5)var(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapStringk-spacing(1)var(--kendo-spacing-1, 0.25rem)
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapStringk-spacing(2)var(--kendo-spacing-2, 0.5rem)
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xString$kendo-otp-sm-gapvar(--kendo-spacing-1, 0.25rem)
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xString$kendo-otp-separator-padding-xvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xString$kendo-otp-lg-gapvar(--kendo-spacing-2, 0.5rem)
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthCalculation$kendo-input-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px))
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthCalculation$kendo-input-sm-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + (2px))
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthCalculation$kendo-otp-input-widthcalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px))
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthCalculation$kendo-input-lg-calc-sizecalc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the large OTP separator.
+
+ ### Orgchart diff --git a/packages/material/docs/customization-button.md b/packages/material/docs/customization-button.md index 684cbd5fb00..855bb9c5c3f 100644 --- a/packages/material/docs/customization-button.md +++ b/packages/material/docs/customization-button.md @@ -220,8 +220,8 @@ The following table lists the available variables for customization. - - + + - - + + + + + + + + + + + diff --git a/packages/material/docs/customization-one-time-password.md b/packages/material/docs/customization-one-time-password.md new file mode 100644 index 00000000000..8e7c0dccf85 --- /dev/null +++ b/packages/material/docs/customization-one-time-password.md @@ -0,0 +1,158 @@ +--- +title: Customizing OneTimePassword +description: "Refer to the list of the Kendo UI Material theme variables available for customization." +slug: variables_kendothemematerial_one-time-password +position: 9 +--- + +# Customizing OneTimePassword + +## Variables + +The following table lists the available variables for customization. + +
$kendo-button-calc-size Calculationcalc( #{$kendo-button-line-height * 1em} + calc( #{$kendo-button-padding-y} * 2 ) + #{$kendo-button-border-width * 2} )calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px)calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) )calc(1.4285714286 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)
Description
The calculated height of the Button.
@@ -230,8 +230,8 @@ The following table lists the available variables for customization.
$kendo-button-inner-calc-size Calculationcalc( #{$kendo-button-line-height * 1em} + calc( #{$kendo-button-padding-y} * 2 ) )calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2)calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) )calc(1.4285714286 * 1em + var(--kendo-spacing-2, 0.5rem) * 2)
Description
The calculated inner height of the Button excluding the border width.
diff --git a/packages/material/docs/customization-input.md b/packages/material/docs/customization-input.md index 34dda3fb53a..4faf657b77d 100644 --- a/packages/material/docs/customization-input.md +++ b/packages/material/docs/customization-input.md @@ -227,6 +227,16 @@ The following table lists the available variables for customization.
Description
The line height of the large Input components.
$kendo-input-calc-sizeCalculationcalc( ( #{$kendo-input-line-height} * 1em ) + ( #{$kendo-input-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) )calc(1.25 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The calculated height of the Input.
+
$kendo-input-sizes Map
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapStringk-spacing(1.5)var(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapStringk-spacing(1)var(--kendo-spacing-1, 0.25rem)
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapStringk-spacing(2)var(--kendo-spacing-2, 0.5rem)
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xString$kendo-otp-sm-gapvar(--kendo-spacing-1, 0.25rem)
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xString$kendo-otp-separator-padding-xvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xString$kendo-otp-lg-gapvar(--kendo-spacing-2, 0.5rem)
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthCalculation$kendo-input-calc-sizecalc(1.25 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthCalculation$kendo-input-sm-calc-sizecalc(1.25 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px))
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthCalculation$kendo-otp-input-widthcalc(1.25 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthCalculation$kendo-input-lg-calc-sizecalc(1.5 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the large OTP separator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/material/docs/customization-pager.md b/packages/material/docs/customization-pager.md index 50d2cb4c21e..406948829a8 100644 --- a/packages/material/docs/customization-pager.md +++ b/packages/material/docs/customization-pager.md @@ -111,7 +111,7 @@ The following table lists the available variables for customization. $kendo-pager-sm-item-min-width Calculation $kendo-button-sm-calc-size - calc(1.4285714286em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px) + calc(1.4285714286 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 1px * 2)
Description
The minimum width of the items in the small Pager.
@@ -121,7 +121,7 @@ The following table lists the available variables for customization. $kendo-pager-md-item-min-width Calculation $kendo-button-md-calc-size - calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px) + calc(1.4285714286 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)
Description
The minimum width of the items in the medium Pagers.
@@ -131,7 +131,7 @@ The following table lists the available variables for customization. $kendo-pager-lg-item-min-width Calculation $kendo-button-lg-calc-size - calc(1.4285714286em + var(--kendo-spacing-2\.5, 0.625rem) * 2 + 2px) + calc(1.4285714286 * 1em + var(--kendo-spacing-2\.5, 0.625rem) * 2 + 1px * 2)
Description
The minimum width of the items in the large Pagers.
@@ -493,7 +493,7 @@ The following table lists the available variables for customization. pager-dropdown-width: $kendo-pager-lg-dropdown-width ) ) - +
Description
The sizes map of the Pager.
diff --git a/packages/material/docs/customization.md b/packages/material/docs/customization.md index f35ac0fee39..f58e040301d 100644 --- a/packages/material/docs/customization.md +++ b/packages/material/docs/customization.md @@ -1954,8 +1954,8 @@ The following table lists the available variables for customizing the Material t $kendo-button-calc-size Calculation - calc( #{$kendo-button-line-height * 1em} + calc( #{$kendo-button-padding-y} * 2 ) + #{$kendo-button-border-width * 2} ) - calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px) + calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) + ( #{$kendo-button-border-width} * 2 ) ) + calc(1.4285714286 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)
Description
The calculated height of the Button.
@@ -1964,8 +1964,8 @@ The following table lists the available variables for customizing the Material t $kendo-button-inner-calc-size Calculation - calc( #{$kendo-button-line-height * 1em} + calc( #{$kendo-button-padding-y} * 2 ) ) - calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2) + calc( ( #{$kendo-button-line-height} * 1em ) + ( #{$kendo-button-padding-y} * 2 ) ) + calc(1.4285714286 * 1em + var(--kendo-spacing-2, 0.5rem) * 2)
Description
The calculated inner height of the Button excluding the border width.
@@ -12656,6 +12656,16 @@ The following table lists the available variables for customizing the Material t
Description
The line height of the large Input components.
+ + $kendo-input-calc-size + Calculation + calc( ( #{$kendo-input-line-height} * 1em ) + ( #{$kendo-input-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) + calc(1.25 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px)) + + +
Description
The calculated height of the Input.
+ + $kendo-input-sizes Map @@ -15794,6 +15804,146 @@ The following table lists the available variables for customizing the Material t +### OneTimePassword + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapStringk-spacing(1.5)var(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapStringk-spacing(1)var(--kendo-spacing-1, 0.25rem)
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapStringk-spacing(2)var(--kendo-spacing-2, 0.5rem)
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xString$kendo-otp-gapvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xString$kendo-otp-sm-gapvar(--kendo-spacing-1, 0.25rem)
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xString$kendo-otp-separator-padding-xvar(--kendo-spacing-1\.5, 0.375rem)
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xString$kendo-otp-lg-gapvar(--kendo-spacing-2, 0.5rem)
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthCalculation$kendo-input-calc-sizecalc(1.25 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthCalculation$kendo-input-sm-calc-sizecalc(1.25 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + (2px))
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthCalculation$kendo-otp-input-widthcalc(1.25 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthCalculation$kendo-input-lg-calc-sizecalc(1.5 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))
Description
The horizontal padding of the large OTP separator.
+
+ ### Orgchart @@ -16775,7 +16925,7 @@ The following table lists the available variables for customizing the Material t - + - + - + - +
$kendo-pager-sm-item-min-width Calculation $kendo-button-sm-calc-sizecalc(1.4285714286em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px)calc(1.4285714286 * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 1px * 2)
Description
The minimum width of the items in the small Pager.
@@ -16785,7 +16935,7 @@ The following table lists the available variables for customizing the Material t 		$kendo-pager-md-item-min-width Calculation $kendo-button-md-calc-sizecalc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px)calc(1.4285714286 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)
Description
The minimum width of the items in the medium Pagers.
@@ -16795,7 +16945,7 @@ The following table lists the available variables for customizing the Material t 		$kendo-pager-lg-item-min-width Calculation $kendo-button-lg-calc-sizecalc(1.4285714286em + var(--kendo-spacing-2\.5, 0.625rem) * 2 + 2px)calc(1.4285714286 * 1em + var(--kendo-spacing-2\.5, 0.625rem) * 2 + 1px * 2)
Description
The minimum width of the items in the large Pagers.
@@ -17157,7 +17307,7 @@ The following table lists the available variables for customizing the Material t pager-dropdown-width: $kendo-pager-lg-dropdown-width ) )
  • sm: "padding-x":"var(--kendo-spacing-1, 0.25rem)","padding-y":"var(--kendo-spacing-1, 0.25rem)","item-group-spacing":"var(--kendo-spacing-1\\.5, 0.375rem)","item-min-width":"calc(1.4285714286em + var(--kendo-spacing-1\\.5, 0.375rem) * 2 + 2px)","pager-dropdown-width":"5em"
  • md: "padding-x":"var(--kendo-spacing-2, 0.5rem)","padding-y":"var(--kendo-spacing-2, 0.5rem)","item-group-spacing":"var(--kendo-spacing-2, 0.5rem)","item-min-width":"calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px)","pager-dropdown-width":"5em"
  • lg: "padding-x":"var(--kendo-spacing-2\\.5, 0.625rem)","padding-y":"var(--kendo-spacing-2\\.5, 0.625rem)","item-group-spacing":"var(--kendo-spacing-2\\.5, 0.625rem)","item-min-width":"calc(1.4285714286em + var(--kendo-spacing-2\\.5, 0.625rem) * 2 + 2px)","pager-dropdown-width":"5em"
  • sm: "padding-x":"var(--kendo-spacing-1, 0.25rem)","padding-y":"var(--kendo-spacing-1, 0.25rem)","item-group-spacing":"var(--kendo-spacing-1\\.5, 0.375rem)","item-min-width":"calc(1.4285714286 * 1em + var(--kendo-spacing-1\\.5, 0.375rem) * 2 + 1px * 2)","pager-dropdown-width":"5em"
  • md: "padding-x":"var(--kendo-spacing-2, 0.5rem)","padding-y":"var(--kendo-spacing-2, 0.5rem)","item-group-spacing":"var(--kendo-spacing-2, 0.5rem)","item-min-width":"calc(1.4285714286 * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)","pager-dropdown-width":"5em"
  • lg: "padding-x":"var(--kendo-spacing-2\\.5, 0.625rem)","padding-y":"var(--kendo-spacing-2\\.5, 0.625rem)","item-group-spacing":"var(--kendo-spacing-2\\.5, 0.625rem)","item-min-width":"calc(1.4285714286 * 1em + var(--kendo-spacing-2\\.5, 0.625rem) * 2 + 1px * 2)","pager-dropdown-width":"5em"
Description
The sizes map of the Pager.