@nova-design-system/nova-base 3.0.0-beta.27 → 3.0.0-beta.29

package/dist/css/nova-utils.css

@@ -6740,6 +6740,402 @@ h6 {
   color: var(--color-yellow-900);
 }
 
+.border-base-focus {
+  border-color: var(--color-base-border-focus);
+}
+
+.border-base-focus-high {
+  border-color: var(--color-base-border-focus-high);
+}
+
+.border-base-high-emphasis {
+  border-color: var(--color-base-border-high-emphasis);
+}
+
+.border-base-low-emphasis {
+  border-color: var(--color-base-border-low-emphasis);
+}
+
+.border-base-medium-emphasis {
+  border-color: var(--color-base-border-medium-emphasis);
+}
+
+.text-base-high-emphasis {
+  color: var(--color-base-content-high-emphasis);
+}
+
+.text-base-inverted-high-emphasis {
+  color: var(--color-base-content-inverted-high-emphasis);
+}
+
+.text-base-inverted-low-emphasis {
+  color: var(--color-base-content-inverted-low-emphasis);
+}
+
+.text-base-inverted-medium-emphasis {
+  color: var(--color-base-content-inverted-medium-emphasis);
+}
+
+.text-base-low-emphasis {
+  color: var(--color-base-content-low-emphasis);
+}
+
+.text-base-lower-emphasis {
+  color: var(--color-base-content-lower-emphasis);
+}
+
+.text-base-medium-emphasis {
+  color: var(--color-base-content-medium-emphasis);
+}
+
+.bg-dont-use {
+  background-color: var(--color-dont-use-background);
+}
+
+.border-dont-use {
+  border-color: var(--color-dont-use-border);
+}
+
+.text-dont-use {
+  color: var(--color-dont-use-content);
+}
+
+.bg-feedback-error-high {
+  background-color: var(--color-feedback-error-high-background);
+}
+
+.border-feedback-error-high {
+  border-color: var(--color-feedback-error-high-border);
+}
+
+.text-feedback-error-high {
+  color: var(--color-feedback-error-high-content);
+}
+
+.bg-feedback-error-low {
+  background-color: var(--color-feedback-error-low-background);
+}
+
+.border-feedback-error-low {
+  border-color: var(--color-feedback-error-low-border);
+}
+
+.text-feedback-error-low {
+  color: var(--color-feedback-error-low-content);
+}
+
+.bg-feedback-information-high {
+  background-color: var(--color-feedback-information-high-background);
+}
+
+.border-feedback-information-high {
+  border-color: var(--color-feedback-information-high-border);
+}
+
+.text-feedback-information-high {
+  color: var(--color-feedback-information-high-content);
+}
+
+.bg-feedback-information-low {
+  background-color: var(--color-feedback-information-low-background);
+}
+
+.border-feedback-information-low {
+  border-color: var(--color-feedback-information-low-border);
+}
+
+.text-feedback-information-low {
+  color: var(--color-feedback-information-low-content);
+}
+
+.bg-feedback-neutral-high {
+  background-color: var(--color-feedback-neutral-high-background);
+}
+
+.border-feedback-neutral-high {
+  border-color: var(--color-feedback-neutral-high-border);
+}
+
+.text-feedback-neutral-high {
+  color: var(--color-feedback-neutral-high-content);
+}
+
+.bg-feedback-neutral-low {
+  background-color: var(--color-feedback-neutral-low-background);
+}
+
+.border-feedback-neutral-low {
+  border-color: var(--color-feedback-neutral-low-border);
+}
+
+.text-feedback-neutral-low {
+  color: var(--color-feedback-neutral-low-content);
+}
+
+.bg-feedback-success-high {
+  background-color: var(--color-feedback-success-high-background);
+}
+
+.border-feedback-success-high {
+  border-color: var(--color-feedback-success-high-border);
+}
+
+.text-feedback-success-high {
+  color: var(--color-feedback-success-high-content);
+}
+
+.bg-feedback-success-low {
+  background-color: var(--color-feedback-success-low-background);
+}
+
+.border-feedback-success-low {
+  border-color: var(--color-feedback-success-low-border);
+}
+
+.text-feedback-success-low {
+  color: var(--color-feedback-success-low-content);
+}
+
+.bg-feedback-warning-high {
+  background-color: var(--color-feedback-warning-high-background);
+}
+
+.border-feedback-warning-high {
+  border-color: var(--color-feedback-warning-high-border);
+}
+
+.text-feedback-warning-high {
+  color: var(--color-feedback-warning-high-content);
+}
+
+.bg-feedback-warning-low {
+  background-color: var(--color-feedback-warning-low-background);
+}
+
+.border-feedback-warning-low {
+  border-color: var(--color-feedback-warning-low-border);
+}
+
+.text-feedback-warning-low {
+  color: var(--color-feedback-warning-low-content);
+}
+
+.bg-interaction-brand-high {
+  background-color: var(--color-interaction-brand-high-background);
+}
+
+.bg-interaction-brand-high-hover {
+  background-color: var(--color-interaction-brand-high-background-hover);
+}
+
+.border-interaction-brand-high {
+  border-color: var(--color-interaction-brand-high-border);
+}
+
+.border-interaction-brand-high-hover {
+  border-color: var(--color-interaction-brand-high-border-hover);
+}
+
+.text-interaction-brand-high {
+  color: var(--color-interaction-brand-high-text);
+}
+
+.text-interaction-brand-high-hover {
+  color: var(--color-interaction-brand-high-text-hover);
+}
+
+.bg-interaction-brand-low {
+  background-color: var(--color-interaction-brand-low-background);
+}
+
+.bg-interaction-brand-low-hover {
+  background-color: var(--color-interaction-brand-low-background-hover);
+}
+
+.border-interaction-brand-low {
+  border-color: var(--color-interaction-brand-low-border);
+}
+
+.border-interaction-brand-low-hover {
+  border-color: var(--color-interaction-brand-low-border-hover);
+}
+
+.text-interaction-brand-low {
+  color: var(--color-interaction-brand-low-text);
+}
+
+.text-interaction-brand-low-hover {
+  color: var(--color-interaction-brand-low-text-hover);
+}
+
+.text-interaction-link-inline {
+  color: var(--color-interaction-link-inline-text);
+}
+
+.text-interaction-link-inline-hover {
+  color: var(--color-interaction-link-inline-text-hover);
+}
+
+.text-interaction-link-standalone {
+  color: var(--color-interaction-link-standalone-text);
+}
+
+.text-interaction-link-standalone-hover {
+  color: var(--color-interaction-link-standalone-text-hover);
+}
+
+.text-interaction-link-table {
+  color: var(--color-interaction-link-table-text);
+}
+
+.text-interaction-link-table-hover {
+  color: var(--color-interaction-link-table-text-hover);
+}
+
+.bg-interaction-neutral {
+  background-color: var(--color-interaction-neutral-background);
+}
+
+.bg-interaction-neutral-hover {
+  background-color: var(--color-interaction-neutral-background-hover);
+}
+
+.border-interaction-neutral {
+  border-color: var(--color-interaction-neutral-border);
+}
+
+.border-interaction-neutral-hover {
+  border-color: var(--color-interaction-neutral-border-hover);
+}
+
+.text-interaction-neutral {
+  color: var(--color-interaction-neutral-text);
+}
+
+.text-interaction-neutral-hover {
+  color: var(--color-interaction-neutral-text-hover);
+}
+
+.bg-rainbow-1 {
+  background-color: var(--color-rainbow-1-background);
+}
+
+.border-rainbow-1 {
+  border-color: var(--color-rainbow-1-border);
+}
+
+.text-rainbow-1 {
+  color: var(--color-rainbow-1-content);
+}
+
+.bg-rainbow-10 {
+  background-color: var(--color-rainbow-10-background);
+}
+
+.border-rainbow-10 {
+  border-color: var(--color-rainbow-10-border);
+}
+
+.text-rainbow-10 {
+  color: var(--color-rainbow-10-content);
+}
+
+.bg-rainbow-2 {
+  background-color: var(--color-rainbow-2-background);
+}
+
+.border-rainbow-2 {
+  border-color: var(--color-rainbow-2-border);
+}
+
+.text-rainbow-2 {
+  color: var(--color-rainbow-2-content);
+}
+
+.bg-rainbow-3 {
+  background-color: var(--color-rainbow-3-background);
+}
+
+.border-rainbow-3 {
+  border-color: var(--color-rainbow-3-border);
+}
+
+.text-rainbow-3 {
+  color: var(--color-rainbow-3-content);
+}
+
+.bg-rainbow-4 {
+  background-color: var(--color-rainbow-4-background);
+}
+
+.border-rainbow-4 {
+  border-color: var(--color-rainbow-4-border);
+}
+
+.text-rainbow-4 {
+  color: var(--color-rainbow-4-content);
+}
+
+.bg-rainbow-5 {
+  background-color: var(--color-rainbow-5-background);
+}
+
+.border-rainbow-5 {
+  border-color: var(--color-rainbow-5-border);
+}
+
+.text-rainbow-5 {
+  color: var(--color-rainbow-5-content);
+}
+
+.bg-rainbow-6 {
+  background-color: var(--color-rainbow-6-background);
+}
+
+.border-rainbow-6 {
+  border-color: var(--color-rainbow-6-border);
+}
+
+.text-rainbow-6 {
+  color: var(--color-rainbow-6-content);
+}
+
+.bg-rainbow-7 {
+  background-color: var(--color-rainbow-7-background);
+}
+
+.border-rainbow-7 {
+  border-color: var(--color-rainbow-7-border);
+}
+
+.text-rainbow-7 {
+  color: var(--color-rainbow-7-content);
+}
+
+.bg-rainbow-8 {
+  background-color: var(--color-rainbow-8-background);
+}
+
+.border-rainbow-8 {
+  border-color: var(--color-rainbow-8-border);
+}
+
+.text-rainbow-8 {
+  color: var(--color-rainbow-8-content);
+}
+
+.bg-rainbow-9 {
+  background-color: var(--color-rainbow-9-background);
+}
+
+.border-rainbow-9 {
+  border-color: var(--color-rainbow-9-border);
+}
+
+.text-rainbow-9 {
+  color: var(--color-rainbow-9-content);
+}
+
 .visually-hidden {
   position: absolute;
   padding: 0;
@@ -6870,6 +7266,74 @@ h6 {
   color: var(--color-interaction-link-standalone-text-hover);
 }
 
+.hover\:bg-interaction-brand-high-hover:hover {
+  background-color: var(--color-interaction-brand-high-background-hover);
+}
+
+.hover\:border-interaction-brand-high-hover:hover {
+  border-color: var(--color-interaction-brand-high-border-hover);
+}
+
+.hover\:text-interaction-brand-high-hover:hover {
+  color: var(--color-interaction-brand-high-text-hover);
+}
+
+.hover\:bg-interaction-brand-low-hover:hover {
+  background-color: var(--color-interaction-brand-low-background-hover);
+}
+
+.hover\:border-interaction-brand-low-hover:hover {
+  border-color: var(--color-interaction-brand-low-border-hover);
+}
+
+.hover\:text-interaction-brand-low-hover:hover {
+  color: var(--color-interaction-brand-low-text-hover);
+}
+
+.hover\:text-interaction-link-inline-hover:hover {
+  color: var(--color-interaction-link-inline-text-hover);
+}
+
+.hover\:text-interaction-link-standalone-hover:hover {
+  color: var(--color-interaction-link-standalone-text-hover);
+}
+
+.hover\:text-interaction-link-table-hover:hover {
+  color: var(--color-interaction-link-table-text-hover);
+}
+
+.hover\:bg-interaction-neutral-hover:hover {
+  background-color: var(--color-interaction-neutral-background-hover);
+}
+
+.hover\:border-interaction-neutral-hover:hover {
+  border-color: var(--color-interaction-neutral-border-hover);
+}
+
+.hover\:text-interaction-neutral-hover:hover {
+  color: var(--color-interaction-neutral-text-hover);
+}
+
+.hover\:bg-level-00-hover:hover {
+  background-color: var(--color-base-level-00-hover);
+}
+
+.hover\:bg-level-10-hover:hover {
+  background-color: var(--color-base-level-10-hover);
+}
+
+.hover\:bg-level-20-hover:hover {
+  background-color: var(--color-base-level-20-hover);
+}
+
+.hover\:bg-level-30-hover:hover {
+  background-color: var(--color-base-level-30-hover);
+}
+
+.hover\:bg-level-40-hover:hover {
+  background-color: var(--color-base-level-40-hover);
+}
+
 @media (min-width: 640px) {
   .sm\:static {
     position: static;