Skip to content

feat: Elevation #4659

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Sep 21, 2023
Merged

feat: Elevation #4659

merged 6 commits into from
Sep 21, 2023

Conversation

kirchoni
Copy link
Contributor

@kirchoni kirchoni commented Aug 16, 2023

Continuation of https://github.com/telerik/kendo-themes/pull/4653/files
Target: https://github.com/telerik/kendo-themes-private/issues/102

Introduces common module for elevation (box-shadows which are used as a focus indicator are not part of this PR).

Utils classNames are defined as k-elevation-* (ranging from 1 to 9) and are contextual based on the currently loaded theme.

TODO: replace remaining standalone box-shadow styles (used for elevation only) in the following themes;

  • Default
  • Bootstrap
  • Material
  • Fluent
  • Classic
  • Nouvele?
  • Utils

Also:

  • Utilities documentation and Design System Docs articles

@magdalenaan
Copy link
Contributor

magdalenaan commented Aug 21, 2023

We have a new design for the color gradient drag handle, where we use the default shadow from our elevation system. So there is no need to customize the elevation color.
We discussed with @imasyuko and @kspeyanski that we will use only the default system elevation without any customization (without changing the light direction). To achieve the best experience in all scenarios, elevations in the Default theme will be slightly updated, so there will be a visible shadow in all directions for all elevation steps (depths).

@inikolova
Copy link
Contributor

LGTM

Copy link
Contributor Author

@kirchoni kirchoni left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've identified a couple of deleted variables - there's probably more. This should not be done in a minor release such as this one.

For such cases, consider keeping the old variables, but re-assigning their values to some of the newly introduced APIs (such as elevation()).

@kirchoni kirchoni requested a review from imasyuko August 30, 2023 13:05
@kirchoni kirchoni force-pushed the elevation branch 2 times, most recently from 8a75748 to 487a857 Compare August 31, 2023 07:06
@kirchoni kirchoni force-pushed the elevation branch 2 times, most recently from e22d25e to 1e4b53e Compare August 31, 2023 14:04
@kirchoni kirchoni marked this pull request as ready for review September 12, 2023 07:31
@kirchoni kirchoni requested a review from a team as a code owner September 12, 2023 07:31
@kirchoni kirchoni force-pushed the elevation branch 2 times, most recently from 1ae7903 to 766cfa1 Compare September 13, 2023 12:07
@kirchoni kirchoni changed the title WIP: Elevation feat: Elevation Sep 13, 2023
@kirchoni kirchoni force-pushed the elevation branch 6 times, most recently from d78fac3 to 713db3f Compare September 18, 2023 07:01
@Juveniel Juveniel self-requested a review September 19, 2023 13:02
@kirchoni kirchoni force-pushed the elevation branch 3 times, most recently from 5162a3d to 1f62b09 Compare September 20, 2023 07:26
chore(default): implement core elevation system
chore(fluent): implement core elevation system

chore(utils): implement core elevation system

chore(core): use k- meta functions

chore: normalize comments
chore(fluent): explicit forward to utils

feat: implemnet elevation system

chore(bootstrap): implement global elevation system

chore(classic): implement global elevation system

chore: regen docs

chore: update core elevation system variable

chore(fluent): use css variables of global shadow system

chore: regen docs

chore(core): improve visibility of core elevations

chore: regen docs

chore: regen docs

chore(material): implement global elevation system

chore: regen docs

chore: review elevation steps in widgets

chore: unify elevations with design guidelines

chore(colorgradient): update draghandle styles

chore: regen docs

chore: clear temporary comments

chore(core): simplify the elevation function

chore(default): fix contrast of the colorgradient draghandle

chore: support multi-shadow filter

chore(bootstrap): floating point precision shadows

chore(default): do not rename variables based on implementation

chore(bootstrap): deprecate box-shadow variables

chore(fluent): deprecate box-shadow variables

chore(default): deprecate box-shadow variables

chore(material): deprecate box-shadow variables

chore(classic): deprecate box-shadow variables

docs: generate API

chore(bootstrap): remove obsolete comments

chore(core): enable css vars

chore: refactor elevation styles loading

chore(fluent): enable elevation customization

chore(core): merge elevation map

chore(core): prefix elevation getter function

chore(default): org-chart focus elevations

docs: generate API
@Juveniel Juveniel merged commit 51e758a into develop Sep 21, 2023
@Juveniel Juveniel deleted the elevation branch September 21, 2023 06:40
@Juveniel Juveniel added T: Core Kendo Theme Core T: Default Kendo Theme Default T: Bootstrap Kendo Theme Bootstrap T: Material Kendo Theme Material T: Classic Kendo Theme Classic T: Fluent labels Sep 21, 2023
@Juveniel Juveniel added this to the 2023.3 milestone Sep 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
T: Bootstrap Kendo Theme Bootstrap T: Classic Kendo Theme Classic T: Core Kendo Theme Core T: Default Kendo Theme Default T: Fluent T: Material Kendo Theme Material
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants