Skip to content

Commit

Permalink
Merge pull request #206 from rei/pr/new-prominence-tokens
Browse files Browse the repository at this point in the history 
Pr/new prominence tokens
  • Loading branch information
@c4rlosviteri
c4rlosviteri authored Oct 25, 2024
2 parents 28112c8 + 119e759 commit a6c0997
Show file tree
Hide file tree
Showing 48 changed files with 24,209 additions and 8,393 deletions.
24 changes: 19 additions & 5 deletions dist/docsite/android/colors.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -279,11 +279,25 @@
<color name="cdr_color_surface_primary">#ffffffff</color>
<color name="cdr_color_surface_secondary">#fff4f2ed</color>
<color name="cdr_color_icon_background_note">#ffc4b03b</color>
<color name="cdr_prominence_flat_color">#330c0b08</color>
<color name="cdr_prominence_raised_color">#330c0b08</color>
<color name="cdr_prominence_elevated_color">#330c0b08</color>
<color name="cdr_prominence_floating_color">#330c0b08</color>
<color name="cdr_prominence_lifted_color">#330c0b08</color>
<color name="cdr_prominence_flat_shadow_color">#ff000000</color>
<color name="cdr_prominence_raised_shadow_1_color">#124b4a48</color>
<color name="cdr_prominence_raised_shadow_2_color">#054b4a48</color>
<color name="cdr_prominence_raised_shadow_3_color">#004b4a48</color>
<color name="cdr_prominence_elevated_shadow_1_color">#244b4a48</color>
<color name="cdr_prominence_elevated_shadow_2_color">#1f4b4a48</color>
<color name="cdr_prominence_elevated_shadow_3_color">#124b4a48</color>
<color name="cdr_prominence_elevated_shadow_4_color">#054b4a48</color>
<color name="cdr_prominence_elevated_shadow_5_color">#004b4a48</color>
<color name="cdr_prominence_floating_shadow_1_color">#244b4a48</color>
<color name="cdr_prominence_floating_shadow_2_color">#1f4b4a48</color>
<color name="cdr_prominence_floating_shadow_3_color">#124b4a48</color>
<color name="cdr_prominence_floating_shadow_4_color">#054b4a48</color>
<color name="cdr_prominence_floating_shadow_5_color">#004b4a48</color>
<color name="cdr_prominence_lifted_shadow_1_color">#244b4a48</color>
<color name="cdr_prominence_lifted_shadow_2_color">#1f4b4a48</color>
<color name="cdr_prominence_lifted_shadow_3_color">#124b4a48</color>
<color name="cdr_prominence_lifted_shadow_4_color">#054b4a48</color>
<color name="cdr_prominence_lifted_shadow_5_color">#004b4a48</color>
<color name="cdr_knockout_background_code_snippet">#ff20201d</color>
<color name="cdr_knockout_color_text_primary">#fff9f8f6</color>
<color name="cdr_knockout_color_text_secondary">#ffd1cbbd</color>
Expand Down
96 changes: 76 additions & 20 deletions dist/docsite/android/dimens.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,26 +10,82 @@
<dimen name="cdr_icon_size_sm">16.00dp</dimen>
<dimen name="cdr_icon_size">24.00dp</dimen>
<dimen name="cdr_icon_size_lg">32.00dp</dimen>
<dimen name="cdr_prominence_flat_x">0.00dp</dimen>
<dimen name="cdr_prominence_flat_y">0.00dp</dimen>
<dimen name="cdr_prominence_flat_blur">0.00dp</dimen>
<dimen name="cdr_prominence_flat_spread">0.00dp</dimen>
<dimen name="cdr_prominence_raised_x">0.00dp</dimen>
<dimen name="cdr_prominence_raised_y">2.00dp</dimen>
<dimen name="cdr_prominence_raised_blur">2.00dp</dimen>
<dimen name="cdr_prominence_raised_spread">0.00dp</dimen>
<dimen name="cdr_prominence_elevated_x">0.00dp</dimen>
<dimen name="cdr_prominence_elevated_y">4.00dp</dimen>
<dimen name="cdr_prominence_elevated_blur">4.00dp</dimen>
<dimen name="cdr_prominence_elevated_spread">0.00dp</dimen>
<dimen name="cdr_prominence_floating_x">0.00dp</dimen>
<dimen name="cdr_prominence_floating_y">8.00dp</dimen>
<dimen name="cdr_prominence_floating_blur">8.00dp</dimen>
<dimen name="cdr_prominence_floating_spread">0.00dp</dimen>
<dimen name="cdr_prominence_lifted_x">0.00dp</dimen>
<dimen name="cdr_prominence_lifted_y">16.00dp</dimen>
<dimen name="cdr_prominence_lifted_blur">16.00dp</dimen>
<dimen name="cdr_prominence_lifted_spread">0.00dp</dimen>
<dimen name="cdr_prominence_flat_shadow_offset_x">0.00dp</dimen>
<dimen name="cdr_prominence_flat_shadow_offset_y">0.00dp</dimen>
<dimen name="cdr_prominence_flat_shadow_blur">0.00dp</dimen>
<dimen name="cdr_prominence_flat_shadow_spread">0.00dp</dimen>
<dimen name="cdr_prominence_raised_shadow_1_offset_x">0.00dp</dimen>
<dimen name="cdr_prominence_raised_shadow_1_offset_y">1.00dp</dimen>
<dimen name="cdr_prominence_raised_shadow_1_blur">1.00dp</dimen>
<dimen name="cdr_prominence_raised_shadow_1_spread">0.00dp</dimen>
<dimen name="cdr_prominence_raised_shadow_2_offset_x">0.00dp</dimen>
<dimen name="cdr_prominence_raised_shadow_2_offset_y">2.00dp</dimen>
<dimen name="cdr_prominence_raised_shadow_2_blur">1.00dp</dimen>
<dimen name="cdr_prominence_raised_shadow_2_spread">0.00dp</dimen>
<dimen name="cdr_prominence_raised_shadow_3_offset_x">0.00dp</dimen>
<dimen name="cdr_prominence_raised_shadow_3_offset_y">2.00dp</dimen>
<dimen name="cdr_prominence_raised_shadow_3_blur">1.00dp</dimen>
<dimen name="cdr_prominence_raised_shadow_3_spread">0.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_1_offset_x">0.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_1_offset_y">0.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_1_blur">1.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_1_spread">0.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_2_offset_x">1.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_2_offset_y">2.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_2_blur">2.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_2_spread">0.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_3_offset_x">2.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_3_offset_y">4.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_3_blur">3.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_3_spread">0.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_4_offset_x">3.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_4_offset_y">8.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_4_blur">3.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_4_spread">0.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_5_offset_x">5.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_5_offset_y">12.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_5_blur">4.00dp</dimen>
<dimen name="cdr_prominence_elevated_shadow_5_spread">0.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_1_offset_x">1.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_1_offset_y">1.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_1_blur">4.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_1_spread">0.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_2_offset_x">5.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_2_offset_y">6.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_2_blur">8.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_2_spread">0.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_3_offset_x">11.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_3_offset_y">13.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_3_blur">10.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_3_spread">0.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_4_offset_x">19.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_4_offset_y">24.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_4_blur">12.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_4_spread">0.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_5_offset_x">30.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_5_offset_y">37.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_5_blur">13.00dp</dimen>
<dimen name="cdr_prominence_floating_shadow_5_spread">0.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_1_offset_x">5.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_1_offset_y">2.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_1_blur">11.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_1_spread">0.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_2_offset_x">19.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_2_offset_y">7.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_2_blur">20.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_2_spread">0.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_3_offset_x">43.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_3_offset_y">16.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_3_blur">28.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_3_spread">0.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_4_offset_x">77.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_4_offset_y">28.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_4_blur">33.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_4_spread">0.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_5_offset_x">120.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_5_offset_y">44.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_5_blur">36.00dp</dimen>
<dimen name="cdr_prominence_lifted_shadow_5_spread">0.00dp</dimen>
<dimen name="cdr_radius_sharp">0.00dp</dimen>
<dimen name="cdr_radius_soft">2.00dp</dimen>
<dimen name="cdr_radius_softer">4.00dp</dimen>
Expand Down
130 changes: 100 additions & 30 deletions dist/docsite/css/cdr-tokens.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -293,36 +293,106 @@
--cdr-timing-function-ease-out: cubic-bezier(0.32, 0.94, 0.60, 1);
--cdr-timing-function-ease: cubic-bezier(0.15, 0, 0.15, 0);
--cdr-timing-function-linear: cubic-bezier(0, 0, 1, 1);
--cdr-prominence-flat-x: 0;
--cdr-prominence-flat-y: 0;
--cdr-prominence-flat-blur: 0;
--cdr-prominence-flat-spread: 0;
--cdr-prominence-flat-color: rgba(12, 11, 8, 0.2);
--cdr-prominence-raised-x: 0;
--cdr-prominence-raised-y: 0.2rem;
--cdr-prominence-raised-blur: 0.2rem;
--cdr-prominence-raised-spread: 0;
--cdr-prominence-raised-color: rgba(12, 11, 8, 0.2);
--cdr-prominence-elevated-x: 0;
--cdr-prominence-elevated-y: 0.4rem;
--cdr-prominence-elevated-blur: 0.4rem;
--cdr-prominence-elevated-spread: 0;
--cdr-prominence-elevated-color: rgba(12, 11, 8, 0.2);
--cdr-prominence-floating-x: 0;
--cdr-prominence-floating-y: 0.8rem;
--cdr-prominence-floating-blur: 0.8rem;
--cdr-prominence-floating-spread: 0;
--cdr-prominence-floating-color: rgba(12, 11, 8, 0.2);
--cdr-prominence-lifted-x: 0;
--cdr-prominence-lifted-y: 1.6rem;
--cdr-prominence-lifted-blur: 1.6rem;
--cdr-prominence-lifted-spread: 0;
--cdr-prominence-lifted-color: rgba(12, 11, 8, 0.2);
--cdr-prominence-flat: 0 0 0 0 rgba(12, 11, 8, 0.2);
--cdr-prominence-raised: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
--cdr-prominence-elevated: 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2);
--cdr-prominence-floating: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
--cdr-prominence-lifted: 0 1.6rem 1.6rem 0 rgba(12, 11, 8, 0.2);
--cdr-prominence-flat-shadow-color: #000000;
--cdr-prominence-flat-shadow-offset-x: 0;
--cdr-prominence-flat-shadow-offset-y: 0;
--cdr-prominence-flat-shadow-blur: 0;
--cdr-prominence-flat-shadow-spread: 0;
--cdr-prominence-raised-shadow-1-color: rgba(75, 74, 72, 0.07);
--cdr-prominence-raised-shadow-1-offset-x: 0;
--cdr-prominence-raised-shadow-1-offset-y: 0.1rem;
--cdr-prominence-raised-shadow-1-blur: 0.1rem;
--cdr-prominence-raised-shadow-1-spread: 0;
--cdr-prominence-raised-shadow-2-color: rgba(75, 74, 72, 0.02);
--cdr-prominence-raised-shadow-2-offset-x: 0;
--cdr-prominence-raised-shadow-2-offset-y: 0.2rem;
--cdr-prominence-raised-shadow-2-blur: 0.1rem;
--cdr-prominence-raised-shadow-2-spread: 0;
--cdr-prominence-raised-shadow-3-color: rgba(75, 74, 72, 0);
--cdr-prominence-raised-shadow-3-offset-x: 0;
--cdr-prominence-raised-shadow-3-offset-y: 0.2rem;
--cdr-prominence-raised-shadow-3-blur: 0.1rem;
--cdr-prominence-raised-shadow-3-spread: 0;
--cdr-prominence-elevated-shadow-1-color: rgba(75, 74, 72, 0.14);
--cdr-prominence-elevated-shadow-1-offset-x: 0;
--cdr-prominence-elevated-shadow-1-offset-y: 0;
--cdr-prominence-elevated-shadow-1-blur: 0.1rem;
--cdr-prominence-elevated-shadow-1-spread: 0;
--cdr-prominence-elevated-shadow-2-color: rgba(75, 74, 72, 0.12);
--cdr-prominence-elevated-shadow-2-offset-x: 0.1rem;
--cdr-prominence-elevated-shadow-2-offset-y: 0.2rem;
--cdr-prominence-elevated-shadow-2-blur: 0.2rem;
--cdr-prominence-elevated-shadow-2-spread: 0;
--cdr-prominence-elevated-shadow-3-color: rgba(75, 74, 72, 0.07);
--cdr-prominence-elevated-shadow-3-offset-x: 0.2rem;
--cdr-prominence-elevated-shadow-3-offset-y: 0.4rem;
--cdr-prominence-elevated-shadow-3-blur: 0.3rem;
--cdr-prominence-elevated-shadow-3-spread: 0;
--cdr-prominence-elevated-shadow-4-color: rgba(75, 74, 72, 0.02);
--cdr-prominence-elevated-shadow-4-offset-x: 0.3rem;
--cdr-prominence-elevated-shadow-4-offset-y: 0.8rem;
--cdr-prominence-elevated-shadow-4-blur: 0.3rem;
--cdr-prominence-elevated-shadow-4-spread: 0;
--cdr-prominence-elevated-shadow-5-color: rgba(75, 74, 72, 0);
--cdr-prominence-elevated-shadow-5-offset-x: 0.5rem;
--cdr-prominence-elevated-shadow-5-offset-y: 1.2rem;
--cdr-prominence-elevated-shadow-5-blur: 0.4rem;
--cdr-prominence-elevated-shadow-5-spread: 0;
--cdr-prominence-floating-shadow-1-color: rgba(75, 74, 72, 0.14);
--cdr-prominence-floating-shadow-1-offset-x: 0.1rem;
--cdr-prominence-floating-shadow-1-offset-y: 0.1rem;
--cdr-prominence-floating-shadow-1-blur: 0.4rem;
--cdr-prominence-floating-shadow-1-spread: 0;
--cdr-prominence-floating-shadow-2-color: rgba(75, 74, 72, 0.12);
--cdr-prominence-floating-shadow-2-offset-x: 0.5rem;
--cdr-prominence-floating-shadow-2-offset-y: 0.6rem;
--cdr-prominence-floating-shadow-2-blur: 0.8rem;
--cdr-prominence-floating-shadow-2-spread: 0;
--cdr-prominence-floating-shadow-3-color: rgba(75, 74, 72, 0.07);
--cdr-prominence-floating-shadow-3-offset-x: 1.1rem;
--cdr-prominence-floating-shadow-3-offset-y: 1.3rem;
--cdr-prominence-floating-shadow-3-blur: 1rem;
--cdr-prominence-floating-shadow-3-spread: 0;
--cdr-prominence-floating-shadow-4-color: rgba(75, 74, 72, 0.02);
--cdr-prominence-floating-shadow-4-offset-x: 1.9rem;
--cdr-prominence-floating-shadow-4-offset-y: 2.4rem;
--cdr-prominence-floating-shadow-4-blur: 1.2rem;
--cdr-prominence-floating-shadow-4-spread: 0;
--cdr-prominence-floating-shadow-5-color: rgba(75, 74, 72, 0);
--cdr-prominence-floating-shadow-5-offset-x: 3rem;
--cdr-prominence-floating-shadow-5-offset-y: 3.7rem;
--cdr-prominence-floating-shadow-5-blur: 1.3rem;
--cdr-prominence-floating-shadow-5-spread: 0;
--cdr-prominence-lifted-shadow-1-color: rgba(75, 74, 72, 0.14);
--cdr-prominence-lifted-shadow-1-offset-x: 0.5rem;
--cdr-prominence-lifted-shadow-1-offset-y: 0.2rem;
--cdr-prominence-lifted-shadow-1-blur: 1.1rem;
--cdr-prominence-lifted-shadow-1-spread: 0;
--cdr-prominence-lifted-shadow-2-color: rgba(75, 74, 72, 0.12);
--cdr-prominence-lifted-shadow-2-offset-x: 1.9rem;
--cdr-prominence-lifted-shadow-2-offset-y: 0.7rem;
--cdr-prominence-lifted-shadow-2-blur: 2rem;
--cdr-prominence-lifted-shadow-2-spread: 0;
--cdr-prominence-lifted-shadow-3-color: rgba(75, 74, 72, 0.07);
--cdr-prominence-lifted-shadow-3-offset-x: 4.3rem;
--cdr-prominence-lifted-shadow-3-offset-y: 1.6rem;
--cdr-prominence-lifted-shadow-3-blur: 2.8rem;
--cdr-prominence-lifted-shadow-3-spread: 0;
--cdr-prominence-lifted-shadow-4-color: rgba(75, 74, 72, 0.02);
--cdr-prominence-lifted-shadow-4-offset-x: 7.7rem;
--cdr-prominence-lifted-shadow-4-offset-y: 2.8rem;
--cdr-prominence-lifted-shadow-4-blur: 3.3rem;
--cdr-prominence-lifted-shadow-4-spread: 0;
--cdr-prominence-lifted-shadow-5-color: rgba(75, 74, 72, 0);
--cdr-prominence-lifted-shadow-5-offset-x: 12rem;
--cdr-prominence-lifted-shadow-5-offset-y: 4.4rem;
--cdr-prominence-lifted-shadow-5-blur: 3.6rem;
--cdr-prominence-lifted-shadow-5-spread: 0;
--cdr-prominence-flat: 0 0 0 0 #000000;
--cdr-prominence-raised: 0 1px 1px 0 rgba(75, 74, 72, 0.07), 0 2px 1px 0 rgba(75, 74, 72, 0.02), 0 2px 1px 0 rgba(75, 74, 72, 0.00);
--cdr-prominence-elevated: 0 0 1px 0 rgba(75, 74, 72, 0.14), 1px 2px 2px 0 rgba(75, 74, 72, 0.12), 2px 4px 3px 0 rgba(75, 74, 72, 0.07), 3px 8px 3px 0 rgba(75, 74, 72, 0.02), 5px 12px 4px 0 rgba(75, 74, 72, 0.00);
--cdr-prominence-floating: 1px 1px 4px 0 rgba(75, 74, 72, 0.14), 5px 6px 8px 0 rgba(75, 74, 72, 0.12), 11px 13px 10px 0 rgba(75, 74, 72, 0.07), 19px 24px 12px 0 rgba(75, 74, 72, 0.02), 30px 37px 13px 0 rgba(75, 74, 72, 0.00);
--cdr-prominence-lifted: 5px 2px 11px 0 rgba(75, 74, 72, 0.14), 19px 7px 20px 0 rgba(75, 74, 72, 0.12), 43px 16px 28px 0 rgba(75, 74, 72, 0.07), 77px 28px 33px 0 rgba(75, 74, 72, 0.02), 120px 44px 36px 0 rgba(75, 74, 72, 0.00);
--cdr-radius-sharp: 0;
--cdr-radius-soft: 0.2rem;
--cdr-radius-softer: 0.4rem;
Expand Down
Loading

0 comments on commit a6c0997

Please sign in to comment.