swap activated for selected

PrefectHQ · Aug 4, 2023 · a0bc200 · a0bc200
1 parent a6f8387
commit a0bc200
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 13 deletions.
diff --git a/src/components/Button/PButton.vue b/src/components/Button/PButton.vue
@@ -276,9 +276,9 @@
 .p-button--selected,
 .p-button--selected:not(:disabled):hover,
 .p-button--selected:not(:disabled):active {
-  background-color: var(--p-color-button-activated-bg);
-  border-color: var(--p-color-button-activated-border);
-  color: var(--p-color-button-activated-text);
+  background-color: var(--p-color-button-selected-bg);
+  border-color: var(--p-color-button-selected-border);
+  color: var(--p-color-button-selected-text);
   cursor: default;
 }
 </style>
diff --git a/src/components/DatePicker/ScrollingPicker.vue b/src/components/DatePicker/ScrollingPicker.vue
@@ -102,9 +102,9 @@
 .scrolling-picker__option--selected:not(:disabled):hover,
 .scrolling-picker__option--selected:not(:disabled):active { @apply
   cursor-default;
-  background-color: var(--p-color-button-activated-bg);
-  border-color: var(--p-color-button-activated-border);
-  color: var(--p-color-button-activated-text);
+  background-color: var(--p-color-button-selected-bg);
+  border-color: var(--p-color-button-selected-border);
+  color: var(--p-color-button-selected-text);
 }
 
 .scrolling-picker__option--disabled { @apply

diff --git a/src/components/DateRangeInput/PDateRangeInput.vue b/src/components/DateRangeInput/PDateRangeInput.vue
@@ -190,7 +190,7 @@
 
 .p-date-range-input__date--in-range:not(.p-date-range-input__date--selected),
 .p-date-range-input__date--in-range:not(.p-date-range-input__date--selected):hover { @apply
-  bg-to-active-hover
+  bg-selectable-hover
 }
 
 .p-date-range-input__date--out-of-month:not(:disabled) { @apply

diff --git a/src/styles/index.css b/src/styles/index.css
@@ -257,9 +257,9 @@
     --p-color-button-flat-danger-border-active: var(--p-color-button-flat-danger-border-hover);
     --p-color-button-flat-danger-text-active: var(--p-color-button-flat-danger-text-hover);
 
-    --p-color-button-activated-bg: var(--p-color-selected);
-    --p-color-button-activated-border: transparent;
-    --p-color-button-activated-text: var(--p-color-text-default);
+    --p-color-button-selected-bg: var(--p-color-selected);
+    --p-color-button-selected-border: transparent;
+    --p-color-button-selected-text: var(--p-color-text-default);
 
     /* Legacy Tokens – To be removed before releasing version 2.0 */
     --foreground: var(--200);
@@ -447,9 +447,9 @@
     --p-color-button-flat-danger-border-active: var(--p-color-button-flat-danger-border-hover);
     --p-color-button-flat-danger-text-active: var(--p-color-button-flat-danger-text-hover);
 
-    --p-color-button-activated-bg: var(--p-color-selected);
-    --p-color-button-activated-border: transparent;
-    --p-color-button-activated-text: var(--p-color-text-default);
+    --p-color-button-selected-bg: var(--p-color-selected);
+    --p-color-button-selected-border: transparent;
+    --p-color-button-selected-text: var(--p-color-text-default);
 
     /* Legacy Tokens – To be removed before releasing version 2.0 */
     --foreground: var(--800);