studiokit-scaffolding-js 7.0.13-alpha.1 → 7.0.14-alpha.1

package/lib/css/components/_buttons.css

@@ -341,14 +341,6 @@ button.close > span {
  * Material UI Buttons
  */
 
-/* Hide bootstrap focus outline on Material buttons since they use their own highlight */
-.MuiButtonBase-root:focus,
-.MuiButtonBase-root:active,
-.MuiButtonBase-root:not(:disabled):not(.disabled):active,
-.MuiButtonBase-root:not(:disabled):not(.disabled):active:focus {
-	outline: none;
-}
-
 /* Material UI icon spacing */
 .MuiButton-text .MuiButton-label .MuiSvgIcon-root {
 	margin-right: 0.4rem;

package/lib/css/components/_quill.css

@@ -291,14 +291,14 @@
 }
 
 .quill:focus-within {
-	border-color: #80bdff;
-	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
+	border-color: var(--color-focus-border);
+	box-shadow: 0 0 0 0.2rem var(--color-focus-outline);
 	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 	position: relative;
 	z-index: 1;
 
 	& .ql-container.ql-snow {
-		border-color: #80bdff;
+		border-color:  var(--color-focus-border);
 		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 	}
 }

package/lib/css/components/_tables.css

@@ -176,10 +176,9 @@ th,
 		box-shadow: none;
 
 		&:focus {
-			border-color: #80bdff;
+			border-color: var(--color-focus-border);
 			outline: 0;
-			-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-			box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+			box-shadow: 0 0 0 0.2rem var(--color-focus-outline);
 		}
 
 		&::placeholder {

package/lib/css/utils/_focus.css

@@ -0,0 +1,4 @@
+/* global visible focus */
+:focus-visible {
+	outline: 0.2rem solid var(--color-focus-outline);
+}

package/lib/css/variables.css

@@ -61,6 +61,10 @@
 	--color-error: var(--color-red);
 	--color-success: var(--color-green);
 
+	/* from Bootstrap's focus styling */
+	--color-focus-border: #80bdff;
+	--color-focus-outline: rgb(0 123 255 / 25%);
+
 	/* Border Radius */
 	--border-radius: 3px;
 }

package/lib/utils/url.js

@@ -79,7 +79,7 @@ function hasHttpProtocol(url) {
 exports.hasHttpProtocol = hasHttpProtocol;
 function isUrlValid(url) {
     // modified from https://stackoverflow.com/a/3809435
-    return /^(https?:\/\/)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&/[\]!$&'*+,;=]*)$/.test(url);
+    return /^(https?:\/\/)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_.~#?&/[\]!$&'*+,;=]*)$/.test(url);
 }
 exports.isUrlValid = isUrlValid;
 /** The total number of tries for `fetchText`, including the initial request. */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "studiokit-scaffolding-js",
-	"version": "7.0.13-alpha.1",
+	"version": "7.0.14-alpha.1",
 	"description": "Common scaffolding for Studio apps at Purdue",
 	"repository": "https://gitlab.com/purdue-informatics/studiokit/studiokit-scaffolding-js",
 	"license": "MIT",