From 57218c5fb71512fa8ca69a57bd3436168948a944 Mon Sep 17 00:00:00 2001 From: didimmova Date: Thu, 21 May 2026 16:41:53 +0300 Subject: [PATCH] fix(shadows): update shadows for components in indigo --- .../schemas/components/dark/_dialog.scss | 3 --- .../schemas/components/dark/_drop-down.scss | 3 --- .../schemas/components/dark/_snackbar.scss | 2 -- .../schemas/components/dark/_time-picker.scss | 1 - .../themes/schemas/components/dark/_toast.scss | 2 -- .../schemas/components/dark/_tooltip.scss | 2 -- .../schemas/components/elevation/_dialog.scss | 6 ------ .../components/elevation/_drop-down.scss | 18 ------------------ .../components/elevation/_snackbar.scss | 6 ------ .../components/elevation/_time-picker.scss | 8 ++++---- .../schemas/components/elevation/_toast.scss | 6 ------ .../schemas/components/elevation/_tooltip.scss | 6 ------ .../schemas/components/light/_drop-down.scss | 4 ---- 13 files changed, 4 insertions(+), 63 deletions(-) diff --git a/packages/theming/sass/themes/schemas/components/dark/_dialog.scss b/packages/theming/sass/themes/schemas/components/dark/_dialog.scss index 54be738c..450c7962 100644 --- a/packages/theming/sass/themes/schemas/components/dark/_dialog.scss +++ b/packages/theming/sass/themes/schemas/components/dark/_dialog.scss @@ -64,12 +64,9 @@ $dark-bootstrap-dialog: extend( /// Generates a dark indigo dialog schema. /// @type Map /// @prop {Map} background [color: ('gray', 50)] - The dialog background color. -/// @prop {Number} elevation [23] - The elevation level, between 0-24, to be used for the dialog. /// @requires $indigo-dialog -/// @requires $dark-indigo-elevation-dialog $dark-indigo-dialog: extend( $indigo-dialog, - $dark-indigo-elevation-dialog, ( background: ( color: ( diff --git a/packages/theming/sass/themes/schemas/components/dark/_drop-down.scss b/packages/theming/sass/themes/schemas/components/dark/_drop-down.scss index e23408e2..9d91b51b 100644 --- a/packages/theming/sass/themes/schemas/components/dark/_drop-down.scss +++ b/packages/theming/sass/themes/schemas/components/dark/_drop-down.scss @@ -109,14 +109,11 @@ $dark-bootstrap-drop-down: extend( /// @prop {Map} selected-focus-item-background [color: ('primary', 400, .3)] - The drop-down selected item focus background color. /// @prop {Map} selected-focus-item-text-color [contrast-color: ('gray', 50)] - The drop-down selected item focus text color. /// @prop {Map} disabled-item-text-color [contrast-color: ('gray', 50, .2)] - The drop-down disabled item text color. -/// @prop {Number} elevation [2] - The elevation level, between 0-24, to be used for the drop-down shadow. /// @requires $indigo-drop-down /// @requires $base-dark-drop-down -/// @requires $dark-indigo-elevation-drop-down $dark-indigo-drop-down: extend( $indigo-drop-down, $base-dark-drop-down, - $dark-indigo-elevation-drop-down, ( background-color: ( color: ( diff --git a/packages/theming/sass/themes/schemas/components/dark/_snackbar.scss b/packages/theming/sass/themes/schemas/components/dark/_snackbar.scss index 6c5b4d3c..11cb4f3a 100644 --- a/packages/theming/sass/themes/schemas/components/dark/_snackbar.scss +++ b/packages/theming/sass/themes/schemas/components/dark/_snackbar.scss @@ -39,10 +39,8 @@ $dark-bootstrap-snackbar: extend($bootstrap-snackbar, $dark-base-snackbar); /// @prop {Map} text-color [contrast-color: ('gray', 200)] - The text color used in the snackbar. /// @prop {Map} button-color [contrast-color: ('gray', 200)] - The button color used in the snackbar. /// @requires $indigo-snackbar -/// @requires $dark-indigo-elevation-snackbar $dark-indigo-snackbar: extend( $indigo-snackbar, - $dark-indigo-elevation-snackbar, $dark-base-snackbar, ( background: ( diff --git a/packages/theming/sass/themes/schemas/components/dark/_time-picker.scss b/packages/theming/sass/themes/schemas/components/dark/_time-picker.scss index d44b8b52..9f666bba 100644 --- a/packages/theming/sass/themes/schemas/components/dark/_time-picker.scss +++ b/packages/theming/sass/themes/schemas/components/dark/_time-picker.scss @@ -162,7 +162,6 @@ $dark-bootstrap-time-picker: extend( /// @requires $indigo-time-picker $dark-indigo-time-picker: extend( $indigo-time-picker, - $dark-indigo-elevation-time-picker, $dark-base-time-picker, ( text-color: ( diff --git a/packages/theming/sass/themes/schemas/components/dark/_toast.scss b/packages/theming/sass/themes/schemas/components/dark/_toast.scss index 5651c22b..10a368fe 100644 --- a/packages/theming/sass/themes/schemas/components/dark/_toast.scss +++ b/packages/theming/sass/themes/schemas/components/dark/_toast.scss @@ -42,11 +42,9 @@ $dark-bootstrap-toast: extend($bootstrap-toast, $dark-base-toast); /// @prop {Map} text-color [contrast-color: ('gray', 50)] - The text-color used for the toast. /// @requires $indigo-toast /// @requires $dark-base-toast -/// @requires $dark-indigo-elevation-toast $dark-indigo-toast: extend( $indigo-toast, $dark-base-toast, - $dark-indigo-elevation-toast, ( background: ( color: ( diff --git a/packages/theming/sass/themes/schemas/components/dark/_tooltip.scss b/packages/theming/sass/themes/schemas/components/dark/_tooltip.scss index 802a0c37..d27ef335 100644 --- a/packages/theming/sass/themes/schemas/components/dark/_tooltip.scss +++ b/packages/theming/sass/themes/schemas/components/dark/_tooltip.scss @@ -39,10 +39,8 @@ $dark-bootstrap-tooltip: extend($bootstrap-tooltip, $dark-base-tooltip); /// @prop {Map} text-color [contrast-color: ('gray', 50)] - The text color of the tooltip. /// @prop {Number} elevation [9] - The elevation level, between 0-24, to be used for the tooltip. /// @requires $indigo-tooltip -/// @requires $dark-indigo-elevation-tooltip $dark-indigo-tooltip: extend( $indigo-tooltip, - $dark-indigo-elevation-tooltip, $dark-base-tooltip, ( background: ( diff --git a/packages/theming/sass/themes/schemas/components/elevation/_dialog.scss b/packages/theming/sass/themes/schemas/components/elevation/_dialog.scss index 6e1bd1c7..0ed564ec 100644 --- a/packages/theming/sass/themes/schemas/components/elevation/_dialog.scss +++ b/packages/theming/sass/themes/schemas/components/elevation/_dialog.scss @@ -15,9 +15,3 @@ $default-elevation-dialog: ( $bootstrap-elevation-dialog: ( elevation: 0, ); - -/// @type Map -/// @prop {Number} elevation [23] - The elevation level, between 0-24, to be used for the dialog. -$dark-indigo-elevation-dialog: ( - elevation: 23, -); diff --git a/packages/theming/sass/themes/schemas/components/elevation/_drop-down.scss b/packages/theming/sass/themes/schemas/components/elevation/_drop-down.scss index 8fd77143..b9b426d3 100644 --- a/packages/theming/sass/themes/schemas/components/elevation/_drop-down.scss +++ b/packages/theming/sass/themes/schemas/components/elevation/_drop-down.scss @@ -10,26 +10,8 @@ $default-elevation-drop-down: ( elevation: 3, ); -/// @type Map -/// @prop {Number} elevation [3] - The elevation level, between 0-24, to be used for the drop-down shadow. -$fluent-elevation-drop-down: ( - elevation: 3, -); - /// @type Map /// @prop {Number} elevation [0] - The elevation level, between 0-24, to be used for the drop-down shadow. $bootstrap-elevation-drop-down: ( elevation: 0, ); - -/// @type Map -/// @prop {Number} elevation [3] - The elevation level, between 0-24, to be used for the drop-down shadow. -$indigo-elevation-drop-down: ( - elevation: 3, -); - -/// @type Map -/// @prop {Number} elevation [2] - The elevation level, between 0-24, to be used for the drop-down shadow. -$dark-indigo-elevation-drop-down: ( - elevation: 2, -); diff --git a/packages/theming/sass/themes/schemas/components/elevation/_snackbar.scss b/packages/theming/sass/themes/schemas/components/elevation/_snackbar.scss index 6ef148a1..70e04731 100644 --- a/packages/theming/sass/themes/schemas/components/elevation/_snackbar.scss +++ b/packages/theming/sass/themes/schemas/components/elevation/_snackbar.scss @@ -21,9 +21,3 @@ $bootstrap-elevation-snackbar: ( $indigo-elevation-snackbar: ( elevation: 10, ); - -/// @type Map -/// @prop {Number} elevation [11] - The elevation level, between 0-24, to be used in the dark indigo snackbar. -$dark-indigo-elevation-snackbar: ( - elevation: 11, -); diff --git a/packages/theming/sass/themes/schemas/components/elevation/_time-picker.scss b/packages/theming/sass/themes/schemas/components/elevation/_time-picker.scss index bf0a7f3f..8df2caa6 100644 --- a/packages/theming/sass/themes/schemas/components/elevation/_time-picker.scss +++ b/packages/theming/sass/themes/schemas/components/elevation/_time-picker.scss @@ -11,11 +11,11 @@ $default-elevation-time-picker: ( modal-elevation: 24, dropdown-elevation: 3, ); + +/// @type Map +/// @prop {Number} modal-elevation [5] - The elevation level, between 0-24, to be used for the time picker in modal mode. +/// @prop {Number} dropdown-elevation [3] - The elevation level, between 0-24, to be used for the time picker in dropdown mode. $indigo-elevation-time-picker: ( modal-elevation: 5, dropdown-elevation: 3, ); -$dark-indigo-elevation-time-picker: ( - modal-elevation: 7, - dropdown-elevation: 2, -); diff --git a/packages/theming/sass/themes/schemas/components/elevation/_toast.scss b/packages/theming/sass/themes/schemas/components/elevation/_toast.scss index f3995ae2..a530395b 100644 --- a/packages/theming/sass/themes/schemas/components/elevation/_toast.scss +++ b/packages/theming/sass/themes/schemas/components/elevation/_toast.scss @@ -21,9 +21,3 @@ $bootstrap-elevation-toast: ( $indigo-elevation-toast: ( elevation: 10, ); - -/// @type Map -/// @prop {Number} elevation [11] - The elevation level, between 0-24, to be used for the dark indigo toast. -$dark-indigo-elevation-toast: ( - elevation: 11, -); diff --git a/packages/theming/sass/themes/schemas/components/elevation/_tooltip.scss b/packages/theming/sass/themes/schemas/components/elevation/_tooltip.scss index 9fa8fe50..594df11c 100644 --- a/packages/theming/sass/themes/schemas/components/elevation/_tooltip.scss +++ b/packages/theming/sass/themes/schemas/components/elevation/_tooltip.scss @@ -15,9 +15,3 @@ $default-elevation-tooltip: ( $indigo-elevation-tooltip: ( elevation: 8, ); - -/// @type Map -/// @prop {Number} elevation [9] - The elevation level, between 0-24, to be used for the tooltip. -$dark-indigo-elevation-tooltip: ( - elevation: 9, -); diff --git a/packages/theming/sass/themes/schemas/components/light/_drop-down.scss b/packages/theming/sass/themes/schemas/components/light/_drop-down.scss index 66230f6b..5c4e2af9 100644 --- a/packages/theming/sass/themes/schemas/components/light/_drop-down.scss +++ b/packages/theming/sass/themes/schemas/components/light/_drop-down.scss @@ -236,10 +236,8 @@ $material-drop-down: extend( /// @prop {List} border-radius [(rem(2px), rem(0), rem(20px))] - The border radius used for drop-down component. /// @prop {Map} typography [header: (value: 'subtitle-2'), item: (value: 'body-2'), select-item: (value: 'body-2')] - The typography styles used for the component. /// @requires $light-drop-down -/// @requires $fluent-elevation-drop-down $fluent-drop-down: extend( $light-drop-down, - $fluent-elevation-drop-down, ( focused-item-background: ( color: ( @@ -443,10 +441,8 @@ $bootstrap-drop-down: extend( /// @prop {Number} border-width [1px] - The border width used for drop-down component. /// @prop {List} size [(rem(24px), rem(28px), rem(32px))] - The size used for the dropdown item height. /// @requires $light-drop-down -/// @requires $indigo-elevation-drop-down $indigo-drop-down: extend( $light-drop-down, - $indigo-elevation-drop-down, ( background-color: ( contrast-color: (