search

IgniteUI / igniteui-webcomponents

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
https://www.infragistics.com/products/ignite-ui-web-components
Other
113 stars 2 forks source link

Elevations are not 100% updated in Indigo UI Kit Theme #1209

Closed andiesm813 closed 1 month ago

andiesm813 commented 1 month ago

Most of the elevations in Web components have not been updated with the latest modifications in the Figma UI Kit.

This is a list of all the elevations that have been updated so far in the Indigo UI Kit (Figma):

Note: some of them are already updated in the Web Components UI Kit.

Elevations/Shadow 02: box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.30);

Elevations/Shadow 03: box-shadow: 0px 3px 6px 0px rgba(36, 37, 44, 0.20);

Elevations/Shadow 04: box-shadow: 0px 2px 12px 0px rgba(36, 37, 44, 0.10); ✅

Elevations/Shadow 05: box-shadow: 0px 0px 12px 0px rgba(36, 37, 44, 0.20);

Elevations/Shadow 06: box-shadow: 0px 2px 12px 0px rgba(36, 37, 44, 0.20); ✅

Elevations/Shadow 07: box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.30);

Elevations/Shadow 08: box-shadow: 0px 2px 2px 0px rgba(36, 37, 44, 0.20);

Elevations/Shadow 09: box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.30);

Elevations/Shadow 10: box-shadow: 0px 2px 6px 0px rgba(36, 37, 44, 0.40);

Elevations/Shadow 11: box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.40);

Elevations/Shadow 12: box-shadow: 0px 0px 16px 0px rgba(36, 37, 44, 0.40);

Elevations/Shadow 23: box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.30); ✅

Elevations/Shadow 24: box-shadow: 0px 0px 16px 0px rgba(36, 37, 44, 0.40); ✅