Skip to content
This repository has been archived by the owner on May 24, 2024. It is now read-only.

Commit

Permalink
New UX semantic name updates.
Browse files Browse the repository at this point in the history
cm9361 committed Jan 19, 2024
1 parent f8f0445 commit 1768e2e
Showing 4 changed files with 17 additions and 15 deletions.
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
// terra-redwood-theme
// Version 0.20.28
// Version 0.20.30
// RDS Foundation Variables
// -------------------------------------------------
// Maintained by Oracle Health Design, UX Foundations Team
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
// terra-redwood-theme
// Version 0.20.28
// Version 0.20.30
// UI Light Variables
// -------------------------------------------------
// Maintained by Oracle Health Design, UX Foundations Team
@@ -74,7 +74,8 @@
--ui-light-color-overlay-hover-danger: rgba(255, 157, 144, 0.24);
--ui-light-color-overlay-inverse-active: rgba(255, 255, 255, 0.12);
--ui-light-color-overlay-inverse-hover: rgba(255, 255, 255, 0.08);
--ui-light-color-overlay-scrim: rgba(22, 21, 19, 0.4);
--ui-light-color-overlay-scrim-strong: rgba(22, 21, 19, 0.4);
--ui-light-color-overlay-scrim-subtle: rgba(251, 249, 248, 0.7);
--ui-light-color-page-background-neutral-0: var(--rds-color-neutral-0);
--ui-light-color-page-background-neutral-10: var(--rds-color-neutral-10);
--ui-light-color-page-background-neutral-20: var(--rds-color-neutral-20);
@@ -87,19 +88,20 @@
--ui-light-color-surface-disabled: rgba(22, 21, 19, 0.04);
--ui-light-color-surface-info-strong: var(--rds-color-alert-information-60);
--ui-light-color-surface-info-subtle: rgba(143, 191, 208, 0.4);
--ui-light-color-surface-neutral-0: var(--rds-color-neutral-50);
--ui-light-color-surface-neutral-10: var(--rds-color-neutral-40);
--ui-light-color-surface-neutral-20: var(--rds-color-neutral-30);
--ui-light-color-surface-neutral-30: var(--rds-color-neutral-20);
--ui-light-color-surface-neutral-0: var(--rds-color-neutral-0);
--ui-light-color-surface-neutral-10: var(--rds-color-neutral-10);
--ui-light-color-surface-neutral-20: var(--rds-color-neutral-20);
--ui-light-color-surface-neutral-30: var(--rds-color-neutral-30);
--ui-light-color-surface-neutral-low: var(--rds-color-neutral-40);
--ui-light-color-surface-neutral-strong: var(--rds-color-neutral-100);
--ui-light-color-surface-neutral-subtle: rgba(22, 21, 19, 0.8);
--ui-light-color-surface-neutral-subtle: rgba(22, 21, 19, 0.08);
--ui-light-color-surface-popup: var(--rds-color-neutral-50);
--ui-light-color-surface-selected: var(--rds-color-brand-dark-70);
--ui-light-color-surface-success-low: var(--rds-color-alert-success-40);
--ui-light-color-surface-success-strong: var(--rds-color-alert-success-100);
--ui-light-color-surface-success-subtle: rgba(138, 201, 79, 0.4);
--ui-light-color-surface-warning: var(--rds-color-alert-warning-130);
--ui-light-color-surface-warning-strong: var(--rds-color-alert-warning-130);
--ui-light-color-surface-warning-subtle: rgba(240, 169, 87, 0.4);
--ui-light-color-switch-surface-selected: var(--rds-color-brand-blue-100);
--ui-light-color-switch-surface-unselected: var(--rds-color-neutral-90);
--ui-light-color-text: var(--rds-color-neutral-190);
10 changes: 5 additions & 5 deletions packages/terra-theme-properties/src/scss/semantic-names.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
// terra-redwood-theme
// Version 0.20.28
// Version 0.20.30
// Semantic Names for Terra Custom Properties
// ENGINEERING NOTE:
// Only reference variables from this file.
@@ -19,8 +19,8 @@
// necessitating the use of an inverse-colored focus outline.
--default-focus-outline-color-inverse: var(--rds-focus-inverse-outline-color);
--default-focus-outline-color-normal: var(--rds-focus-normal-outline-color);
--default-focus-outline-offset-inside: var(--rds-focus-offset-inside);
--default-focus-outline-offset-outside: var(--rds-focus-offset-outside);
--default-focus-outline-offset-inside: var(--rds-focus-outline-offset-inside);
--default-focus-outline-offset-outside: var(--rds-focus-outline-offset-outside);
--default-focus-outline-style: var(--rds-focus-outline-style);
--default-focus-outline-width: var(--rds-focus-outline-width);

@@ -29,7 +29,7 @@
--link-hover-color: var(--rds-color-alert-information-150);
--link-active-color: var(--rds-color-alert-information-170);
--link-disabled-color: var(--ui-light-color-text-icon-disabled);
--link-visited-color: var(--rds-color-plum-130);
--link-visited-color: var(--rds-color-pillar-plum-130);

// Container Styles
--container-style-0-background-color: var(--rds-color-neutral-0);
@@ -342,7 +342,7 @@
--overlay-subtle-text-color: var(--ui-light-color-text-icon-primary);
--overlay-subtle-icon-color: var(--ui-light-color-text-icon-primary);
--overlay-subtle-opacity: var(--rds-opacity-70);
--overlay-strong-background-color: var(--ui-light-color-overlay-scrim);
--overlay-strong-background-color: var(--ui-light-color-overlay-scrim-strong);
--overlay-strong-text-color: var(--ui-light-color-text-icon-inverse);
--overlay-strong-icon-color: var(--ui-light-color-text-icon-inverse);

Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
// terra-redwood-theme
// Version 0.20.28
// Version 0.20.30
// Terra Redwood Theme
// -------------------------------------------------
// Maintained by Oracle Health Design, UX Foundations Team

0 comments on commit 1768e2e

Please sign in to comment.