chore: streamline components deps and vars

telerik · Oct 18, 2024 · 5155b81 · 5155b81
1 parent f1107be
commit 5155b81
Show file tree

Hide file tree

Showing 361 changed files with 745 additions and 1,274 deletions.
diff --git a/packages/bootstrap/scss/_bootstrap_vars.scss b/packages/bootstrap/scss/_bootstrap_vars.scss
@@ -403,8 +403,26 @@ $line-height-base: 1.5 !default;
 $line-height-sm: 1.25 !default;
 $line-height-lg: 2 !default;
 
+$h1-font-size: $font-size-base * 2.5 !default;
+$h2-font-size: $font-size-base * 2 !default;
+$h3-font-size: $font-size-base * 1.75 !default;
+$h4-font-size: $font-size-base * 1.5 !default;
+$h5-font-size: $font-size-base * 1.25 !default;
+$h6-font-size: $font-size-base !default;
 
+$headings-margin-bottom: $spacer * .5 !default;
+$headings-font-family: null !default;
+$headings-font-style: null !default;
+$headings-font-weight: 500 !default;
+$headings-line-height: 1.2 !default;
+$headings-color: null !default;
+
+$display-font-family: null !default;
+$display-font-style: null !default;
+$display-font-weight: 300 !default;
+$display-line-height: $headings-line-height !default;
 
+$paragraph-margin-bottom: 1rem !default;
 // scss-docs-start headings-variables
 $headings-margin-bottom: $spacer * .5 !default;
 $headings-font-family: null !default;
@@ -678,7 +696,43 @@ $card-group-margin: $grid-gutter-width * .5 !default;
 // scss-docs-end card-variables
 
 
-
+$badge-font-size: .75em !default;
+$badge-font-weight: $font-weight-bold !default;
+$badge-color: $white !default;
+$badge-padding-y: .35em !default;
+$badge-padding-x: .65em !default;
+$badge-border-radius: $border-radius !default;
+
+// Progress bars
+
+// scss-docs-start progress-variables
+$progress-height: 1rem !default;
+$progress-font-size: $font-size-base * .75 !default;
+$progress-bg: $gray-200 !default;
+$progress-border-radius: $border-radius !default;
+$progress-box-shadow: $box-shadow-inset !default;
+$progress-bar-color: $white !default;
+$progress-bar-bg: $primary !default;
+$progress-bar-animation-timing: 1s linear infinite !default;
+$progress-bar-transition: width .6s ease !default;
+
+// Tooltips
+
+// scss-docs-start tooltip-variables
+$tooltip-font-size: $font-size-sm !default;
+$tooltip-max-width: 200px !default;
+$tooltip-color: $white !default;
+$tooltip-bg: $black !default;
+$tooltip-border-radius: $border-radius !default;
+$tooltip-opacity: .9 !default;
+$tooltip-padding-y: $spacer * .25 !default;
+$tooltip-padding-x: $spacer * .5 !default;
+$tooltip-margin: null !default; // TODO: remove this in v6
+
+$tooltip-arrow-width: .8rem !default;
+$tooltip-arrow-height: .4rem !default;
+// fusv-disable
+$tooltip-arrow-color: null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables
 
 // Close
 

diff --git a/packages/bootstrap/scss/_variables.scss b/packages/bootstrap/scss/_variables.scss
@@ -33,24 +33,3 @@ $kendo-zindex-window: 2 !default;
 $kendo-focus-shadow: null !default;
 
 $kendo-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out !default;
-
-
-// Generic styles
-
-// TODO: refactor once we extract drag drop as separate module
-
-
-/* @forward "@progress/kendo-theme-default/scss/scss/_variables.scss" with (
-    // $kendo-enable-shadows: $kendo-enable-shadows,
-    $kendo-enable-gradients: $kendo-enable-gradients,
-    $kendo-enable-transitions: $kendo-enable-transitions,
-    $kendo-enable-focus-contrast: $kendo-enable-focus-contrast,
-    $kendo-enable-typography: $kendo-enable-typography,
-    $kendo-use-input-button-width: $kendo-use-input-button-width,
-    $kendo-use-input-spinner-width: $kendo-use-input-spinner-width,
-    $kendo-use-input-spinner-icon-offset: $kendo-use-input-spinner-icon-offset,
-    $kendo-zindex-popup: $kendo-zindex-popup,
-    $kendo-zindex-window: $kendo-zindex-window,
-    $kendo-focus-shadow: $kendo-focus-shadow,
-    $kendo-transition: $kendo-transition
-); */
diff --git a/packages/bootstrap/scss/action-buttons/_index.scss b/packages/bootstrap/scss/action-buttons/_index.scss
@@ -1,15 +1,14 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../button/_index.scss" as *;
+
 // Component
 @forward "./_variables.scss";
 @use "./_layout.scss" as *;
 @use "./_theme.scss" as *;
 
 
-// Dependencies
-@use "../button/_index.scss" as *;
-@use "../core/_index.scss" as *;
-@use "../utils/_index.scss" as *;
-
-
 // Expose
 @mixin kendo-action-buttons--styles() {
     @include import-once( "action-buttons" ) {

diff --git a/packages/bootstrap/scss/action-buttons/_layout.scss b/packages/bootstrap/scss/action-buttons/_layout.scss
@@ -1,5 +1,5 @@
-@use "../_variables.scss" as *;
-@use "./_variables.scss" as *;
+// @use "../_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/action-buttons/_layout.scss" as *;
 
 @mixin kendo-action-buttons--layout() {

diff --git a/packages/bootstrap/scss/action-buttons/_theme.scss b/packages/bootstrap/scss/action-buttons/_theme.scss
@@ -1,4 +1,4 @@
-@use "./_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/action-buttons/_theme.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/action-sheet/_index.scss b/packages/bootstrap/scss/action-sheet/_index.scss
@@ -1,16 +1,15 @@
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-
 // Dependencies
 @use "../core/_index.scss" as *;
-@use "../utils/_index.scss" as *;
 @use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
 @use "../listgroup/_index.scss" as *;
 @use "../popup/_index.scss" as *;
 
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
 
 // Expose
 @mixin kendo-action-sheet--styles() {

diff --git a/packages/bootstrap/scss/action-sheet/_layout.scss b/packages/bootstrap/scss/action-sheet/_layout.scss
@@ -1,5 +1,5 @@
-@use "../_variables.scss" as *;
-@use "./_variables.scss" as *;
+// @use "../_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/action-sheet/_layout.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/action-sheet/_theme.scss b/packages/bootstrap/scss/action-sheet/_theme.scss
@@ -1,4 +1,4 @@
-@use "./_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/action-sheet/_theme.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/adaptive/_index.scss b/packages/bootstrap/scss/adaptive/_index.scss
@@ -1,9 +1,3 @@
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-
 // Dependencies (TODO: extract variables)
 @use "../core/_index.scss" as *;
 @use "../listgroup/_index.scss" as *;
@@ -12,6 +6,10 @@
 @use "../switch/_index.scss" as *;
 @use "../toolbar/_index.scss" as *;
 
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-adaptive--styles() {

diff --git a/packages/bootstrap/scss/adaptive/_layout.scss b/packages/bootstrap/scss/adaptive/_layout.scss
@@ -1,5 +1,5 @@
-@use "../_variables.scss" as *;
-@use "./_variables.scss" as *;
+// @use "../_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/adaptive/_layout.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/adaptive/_theme.scss b/packages/bootstrap/scss/adaptive/_theme.scss
@@ -1,4 +1,4 @@
-@use "./_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/adaptive/_theme.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/appbar/_index.scss b/packages/bootstrap/scss/appbar/_index.scss
@@ -1,12 +1,12 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
 // Component
 @forward "./_variables.scss";
 @use "./_layout.scss" as *;
 @use "./_theme.scss" as *;
 
 
-// Dependencies
-@use "../core/_index.scss" as *;
-
 
 // Expose
 @mixin kendo-appbar--styles() {

diff --git a/packages/bootstrap/scss/appbar/_layout.scss b/packages/bootstrap/scss/appbar/_layout.scss
@@ -1,5 +1,5 @@
-@use "../_variables.scss" as *;
-@use "./_variables.scss" as *;
+// @use "../_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/appbar/_layout.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/appbar/_theme.scss b/packages/bootstrap/scss/appbar/_theme.scss
@@ -1,4 +1,4 @@
-@use "./_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/appbar/_theme.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/autocomplete/_index.scss b/packages/bootstrap/scss/autocomplete/_index.scss
@@ -1,17 +1,15 @@
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-
-
 // Dependencies
 @use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
 @use "../input/_index.scss" as *;
 @use "../floating-label/_index.scss" as *;
 @use "../popup/_index.scss" as *;
 @use "../list/_index.scss" as *;
-@use "../icons/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 
 // Expose

diff --git a/packages/bootstrap/scss/autocomplete/_layout.scss b/packages/bootstrap/scss/autocomplete/_layout.scss
@@ -1,5 +1,5 @@
-@use "../_variables.scss" as *;
-@use "./_variables.scss" as *;
+// @use "../_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/autocomplete/_layout.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/autocomplete/_theme.scss b/packages/bootstrap/scss/autocomplete/_theme.scss
@@ -1,4 +1,4 @@
-@use "./_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/autocomplete/_theme.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/avatar/_index.scss b/packages/bootstrap/scss/avatar/_index.scss
@@ -1,13 +1,11 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
 // Component
 @forward "./_variables.scss";
 @use "./_layout.scss" as *;
 @use "./_theme.scss" as *;
 
-
-// Dependencies
-@use "../core/_index.scss" as *;
-
-
 // Expose
 @mixin kendo-avatar--styles() {
     @include import-once( "avatar" ) {

diff --git a/packages/bootstrap/scss/avatar/_layout.scss b/packages/bootstrap/scss/avatar/_layout.scss
@@ -1,5 +1,3 @@
-@use "../_variables.scss" as *;
-@use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/avatar/_layout.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/avatar/_theme.scss b/packages/bootstrap/scss/avatar/_theme.scss
@@ -1,7 +1,5 @@
-@use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/avatar/_theme.scss" as *;
 
-
 @mixin kendo-avatar--theme() {
     @include kendo-avatar--theme-base();
 }
diff --git a/packages/bootstrap/scss/avatar/_variables.scss b/packages/bootstrap/scss/avatar/_variables.scss
@@ -1,4 +1,4 @@
-@use "sass:map";
+// @use "sass:map";
 @use "../core/_index.scss" as *;
 
 // Avatar

diff --git a/packages/bootstrap/scss/badge/_index.scss b/packages/bootstrap/scss/badge/_index.scss
@@ -1,14 +1,13 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+
 // Component
 @forward "./_variables.scss";
 @use "./_layout.scss" as *;
 @use "./_theme.scss" as *;
 
 
-// Dependencies
-@use "../core/_index.scss" as *;
-@use "../icons/_index.scss" as *;
-
-
 // Expose
 @mixin kendo-badge--styles() {
     @include import-once( "badge" ) {

diff --git a/packages/bootstrap/scss/badge/_layout.scss b/packages/bootstrap/scss/badge/_layout.scss
@@ -1,5 +1,5 @@
-@use "../_variables.scss" as *;
-@use "./_variables.scss" as *;
+// @use "../_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/badge/_layout.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/badge/_theme.scss b/packages/bootstrap/scss/badge/_theme.scss
@@ -1,4 +1,4 @@
-@use "./_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/badge/_theme.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/badge/_variables.scss b/packages/bootstrap/scss/badge/_variables.scss
@@ -1,5 +1,6 @@
 @use "../core/_index.scss" as *;
-@use "bootstrap/scss/bootstrap.scss" as *;
+@use "../bootstrap_vars.scss" as *;
+// @use "bootstrap/scss/bootstrap.scss" as *;
 
 // Badge
 

diff --git a/packages/bootstrap/scss/bottom-navigation/_index.scss b/packages/bootstrap/scss/bottom-navigation/_index.scss
@@ -1,14 +1,12 @@
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-
 // Dependencies
 @use "../core/_index.scss" as *;
-@use "../utils/_index.scss" as *;
 @use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
 
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-bottom-navigation--styles() {

diff --git a/packages/bootstrap/scss/bottom-navigation/_layout.scss b/packages/bootstrap/scss/bottom-navigation/_layout.scss
@@ -1,5 +1,5 @@
-@use "../_variables.scss" as *;
-@use "./_variables.scss" as *;
+// @use "../_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/bottom-navigation/_layout.scss" as *;
 
 

diff --git a/packages/bootstrap/scss/bottom-navigation/_theme.scss b/packages/bootstrap/scss/bottom-navigation/_theme.scss
@@ -1,4 +1,4 @@
-@use "./_variables.scss" as *;
+// @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-default/scss/bottom-navigation/_theme.scss" as *;