diff --git a/packages/terra-theme-properties/src/scss/protected/rds-variables.scss b/packages/terra-theme-properties/src/scss/protected/rds-variables.scss index 030ab84b0c7..0916c434753 100644 --- a/packages/terra-theme-properties/src/scss/protected/rds-variables.scss +++ b/packages/terra-theme-properties/src/scss/protected/rds-variables.scss @@ -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 diff --git a/packages/terra-theme-properties/src/scss/protected/ui-light-variables.scss b/packages/terra-theme-properties/src/scss/protected/ui-light-variables.scss index 53c61100035..a2ef777a709 100644 --- a/packages/terra-theme-properties/src/scss/protected/ui-light-variables.scss +++ b/packages/terra-theme-properties/src/scss/protected/ui-light-variables.scss @@ -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); diff --git a/packages/terra-theme-properties/src/scss/semantic-names.scss b/packages/terra-theme-properties/src/scss/semantic-names.scss index 464589260fe..87041f6e3ba 100644 --- a/packages/terra-theme-properties/src/scss/semantic-names.scss +++ b/packages/terra-theme-properties/src/scss/semantic-names.scss @@ -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); diff --git a/packages/terra-theme-properties/src/scss/terra-redwood-theme.scss b/packages/terra-theme-properties/src/scss/terra-redwood-theme.scss index e28d00e52c4..155362cf44e 100644 --- a/packages/terra-theme-properties/src/scss/terra-redwood-theme.scss +++ b/packages/terra-theme-properties/src/scss/terra-redwood-theme.scss @@ -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