Merge pull request #1984 from roberdm49/TP-2300-buttons-status

TP-2300: Buttons status
TokkoLabs · Jan 20, 2025 · 4e30040 · 4e30040
2 parents 99bac19 + 6eb7890
commit 4e30040
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 12 deletions.
diff --git a/docs/iframe.html b/docs/iframe.html
@@ -345,4 +345,4 @@
 
 
 
-            window['STORIES'] = [];</script><script src="runtime~main.f24f2262.iframe.bundle.js"></script><script src="vendors~main.2ef3894e.iframe.bundle.js"></script><script src="main.88e6f09d.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [];</script><script src="runtime~main.f24f2262.iframe.bundle.js"></script><script src="vendors~main.2ef3894e.iframe.bundle.js"></script><script src="main.bae0397c.iframe.bundle.js"></script></body></html>
diff --git a/docs/main.88e6f09d.iframe.bundle.js b/docs/main.88e6f09d.iframe.bundle.js
diff --git a/docs/main.88e6f09d.iframe.bundle.js.map b/docs/main.88e6f09d.iframe.bundle.js.map
diff --git a/docs/main.bae0397c.iframe.bundle.js b/docs/main.bae0397c.iframe.bundle.js
diff --git a/...ain.88e6f09d.iframe.bundle.js.LICENSE.txt → ...ain.bae0397c.iframe.bundle.js.LICENSE.txt b/...ain.88e6f09d.iframe.bundle.js.LICENSE.txt → ...ain.bae0397c.iframe.bundle.js.LICENSE.txt
diff --git a/docs/main.bae0397c.iframe.bundle.js.map b/docs/main.bae0397c.iframe.bundle.js.map
diff --git a/packages/gridImagePicker/styles/GridImagePicker.css b/packages/gridImagePicker/styles/GridImagePicker.css
@@ -33,6 +33,7 @@
   font-size: 12px;
   font-weight: 700;
   line-height: 16px;
+  outline: none;
   padding: 8px 12px;
   transition:
     background-color 100ms linear,
@@ -42,27 +43,45 @@
   ;
 }
 
-.gridButton:hover:not(:disabled) {
-  filter: brightness(1.1);
-}
-
 .gridButtonSelect {
   border-color: #1A4958;
   color: #1A4958;
 }
 
+.gridButtonSelect:hover:not(:disabled),
+.gridButtonSelect:active {
+  background-color: #1A4958;
+  color: white;
+}
+
+.gridButtonSelect:focus {
+  border-color: #1B90D2;
+  color: #1A4958;
+}
+
 .gridButtonSelect:disabled {
-  border-color: #C2CCD3;
-  color: #C2CCD3;
+  border-color: #EAEEF1;
+  color: #94A2AB;
   cursor: default;
 }
 
 .gridButtonDeselect {
   color: #2E393F;
 }
 
+.gridButtonDeselect:hover:not(:disabled) {
+  background-color: #EAEEF1;
+  color: #2E393F;
+}
+
+.gridButtonDeselect:focus-visible:not(:disabled) {
+  background-color: #F3F6F8;
+  border-color: #1B90D2;
+  color: #2E393F;
+}
+
 .gridButtonDeselect:disabled {
   background-color: #EAEEF1;
-  color: #C2CCD3;
+  color: #94A2AB;
   cursor: default;
 }
Original file line number	Diff line number	Diff line change
Expand Up		@@ -345,4 +345,4 @@



		window['STORIES'] = [];</script><script src="runtime~main.f24f2262.iframe.bundle.js"></script><script src="vendors~main.2ef3894e.iframe.bundle.js"></script><script src="main.88e6f09d.iframe.bundle.js"></script></body></html>
		window['STORIES'] = [];</script><script src="runtime~main.f24f2262.iframe.bundle.js"></script><script src="vendors~main.2ef3894e.iframe.bundle.js"></script><script src="main.bae0397c.iframe.bundle.js"></script></body></html>